/*
Theme Name: Dudibait
Template: blocksy
Author: Genialni.com
Author URI: https://Genialni.com
Version: 1.0.0.1774891425
Updated: 2026-03-30 17:23:45

*/

/*
.page.type-page p strong{
	color: #C62828;
}
*/


select::placeholder, textarea::placeholder, input:is([type="url"], [type="tel"], [type="text"], [type="time"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="number"], [type="search"], [type="password"])::placeholder, .ct-pseudo-input::placeholder, fieldset .wc-stripe-elements-field::placeholder, .ff-inherit-theme-style .ff-el-form-control:not([size]):not([multiple])::placeholder{
	border-radius: 8px;	
}

.ct-breadcrumbs{
	font-weight: 400;
}
.ct-breadcrumbs .last-item{
	font-weight: 700;
}	

.ct-active-filters > span{
	line-height: 32px;
}	
	
.page.type-page .entry-content p{
	margin-bottom: 10px;
}	

/* header */

:root :where(.is-layout-flex) {
  gap: 20px;
}

[class*="ct-contact-info"] li {
  column-gap: 5px;
} 

.top_bar_google{
	display: flex;
	justify-content: right;
	font-size: 14px;
	font-weight: 500;
}	
.top_bar_google a{
	display: flex;
	align-items: center;
}

.gtranslate_wrapper{
	background-color: #F3F4F6;
	padding: 5px 10px;
	border-radius: 4px;
}	

.entry-content .gtranslate_wrapper a.glink span{
	font-size: 14px;
}	

.top_bar_google .star{
	margin-left: 8px;
}

.top_bar_left a:hover{
	color: #fff;
}		

#header [data-column="end"] .ct-contact-info{
	padding: 0px 20px;
	border-left: 1px solid #B8B8B8;
	border-right: 1px solid #B8B8B8;
}	

#header [data-column="end"]{
	justify-content: end;
  align-content: center;
}

#header [data-row="middle"] [data-column="end"] [data-items="primary"]{
	width: auto;
  background-color: #F3F4F6;
  height: 50px;
  align-content: center;
  align-items: center;
  padding: 3px 20px 0px 10px;
  border-radius: 8px;
}

.ct-dynamic-count-wishlist, .ct-dynamic-count-cart{
	background-color: #C62828 !important;
}	

/* menu */

#header-menu-1 > ul > li > a{
	height: 40px;
}	

#header-menu-1 > ul > li > a:hover{
	background-color: #F3F4F6;
	border-radius: 8px;
}	


@media (min-width: 992px) {
	#menu-item-80860 ul, #menu-item-80868 ul, #menu-item-80911 ul{
		display: grid;
		grid-template-columns: repeat(2, 1fr); /* Dwie równe kolumny */
		gap: 20px;                            /* Odstęp między elementami */
		padding: 20px 20px 30px 20px;
		width: 500px;
	}

	#menu-item-80957 {
		grid-column: 1 / span 2 !important; /* Rozciąga się na 2 kolumny */
		width: 100% !important;
		display: block !important;
		margin-bottom: 0px !important;
	}


	/* 1. Upewniamy się, że pozycja "Karp" jest stabilna */
	.menu-item-80812 {
		position: relative !important; /* "Karp" zostaje na miejscu, dropdown kotwiczy do niego */
	}

	/* 2. Główny kontener dropdowna (białe pudełko pod Karp) */
	.menu-item-80812 > .sub-menu {
		display: block !important;      /* Wracamy do układu blokowego dla głównej listy */
		width: 850px !important;        /* Całkowita szerokość Twojego mega menu */
		min-height: 460px;
		padding: 0 !important;
		position: absolute;
		left: 0;                        /* Pozycja pod napisem Karp */
		background: #fff;
		box-shadow: 0 10px 30px rgba(0,0,0,0.1);
		border: 1px solid #eee;
		padding: 20px !important;
	}

	/* 3. Lewa kolumna (Zakładki: Przynęty, Ziarna, itp.) */
	.menu-item-80812 > .sub-menu > li {
		width: 240px;                   /* Szerokość szarej/lewej kolumny */
		position: static !important;    /* KLUCZOWE: pozwala dzieciom uciec do prawej krawędzi kontenera nr 2 */
		padding: 0px 20px;
	}

	.menu-item-80812 > .sub-menu > li.ct-active {
		background-color: #F3F4F6;
		border-radius: 8px;
	}

	.menu-item-80812 > .sub-menu > li.ct-active > a{
		font-weight: 700;
	}	

	/* Styl linków w lewej kolumnie */
	.menu-item-80812 > .sub-menu > li > a {
		padding: 15px 0px !important;
		display: flex !important;
		justify-content: space-between;
	}

	.menu-item-80812 > .sub-menu > li > .sub-menu {
		position: absolute !important;
		top: 0 !important;
		left: 280px !important; 
		width: 570px !important;
		height: 100% !important;
		background: #fff;
		border-left: 1px solid #B8B8B8;
		padding: 20px;
		border-radius: 0px 8px 8px 0px;
		display: block !important;       /* Wyłączamy grid */
		column-count: 2 !important;      /* Dzielimy na 2 kolumny */
		column-gap: 30px !important;     /* Odstęp między kolumnami */
	}

	/* 2. Zabezpieczamy elementy przed "rozrywaniem" */
	/* Bez tego element może zostać przecięty w połowie (np. nazwa w lewej, a lista w prawej kolumnie) */
	.menu-item-80812 > .sub-menu > li > .sub-menu > li {
		display: inline-block !important; /* Ważne dla poprawnego dzielenia kolumn */
		width: 100% !important;           /* Element zajmuje całą szerokość szpalty */
		break-inside: avoid !important;   /* Zapobiega łamaniu elementu między kolumny */
		margin-bottom: 10px !important;   /* Odstęp pod każdym elementem */
		position: relative !important;
	}

	/* 3. Naprawa dla "Kulek zanętowych" (pionowa lista podtypu) */
	.menu-item-80812 .sub-menu .sub-menu li.menu-item-has-children {
		display: block !important;        /* Wracamy do blokowego dla bezpieczeństwa szpalt */
	}

	.menu-item-80812 .sub-menu .sub-menu li.menu-item-has-children > .sub-menu {
		column-count: 1 !important;       /* Pod-lista (rozmiary kulek) ma być w jednej kolumnie */
		position: static !important;
		padding-left: 15px !important;
		display: block !important;
	}

	/* 1. Całkowite wyczyszczenie tła i cienia dla listy rozmiarów kulek */
	.menu-item-80812 .sub-menu .sub-menu li.menu-item-has-children > .sub-menu {
		position: static !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		background: transparent !important; /* Usuwa białe tło */
		background-color: transparent !important;
		box-shadow: none !important;        /* Usuwa ten cień pod spodem */
		border: none !important;            /* Usuwa obramowanie */
		padding: 5px 0 5px 20px !important; /* Wcięcie w prawo */
		margin: 0 !important;
		width: auto !important;
		min-width: 0 !important;
		transform: none !important;
	}

	/* 2. Ukrycie strzałki przy "Kulki zanętowe" żeby nie nachodziła na tekst */
	.menu-item-80812 .sub-menu .sub-menu li.menu-item-has-children > a .ct-toggle-dropdown-desktop {
		display: none !important;
	}

	/* 3. Stylizacja samych linków (1kg, 5kg...) */
	.menu-item-80812 .sub-menu .sub-menu li.menu-item-has-children > .sub-menu li {
		background: transparent !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.menu-item-80812 .sub-menu .sub-menu li.menu-item-has-children > .sub-menu li a {
		padding: 4px 0 !important;
		border: none !important;

	}

	.menu-item-80812.ct-active .sub-menu .sub-menu li.menu-item-has-children > .sub-menu,  .menu-item-80812.ct-active .sub-menu .sub-menu li.menu-item-has-children > .sub-menu li a{
		pointer-events: auto !important;
	}	

	.sub-menu .ct-menu-link:not(:empty) {
	  padding: 0px;
	}

	/* Twój nagłówek, który ma być na całą szerokość */
	#menu-item-80948, #menu-item-80951, #menu-item-80952, #menu-item-80953, #menu-item-80954, #menu-item-80955, #menu-item-80956 {
		column-span: all !important; /* To kluczowa komenda dla układu wielokolumnowego */
		width: 100% !important;
		display: block !important;
		margin-bottom: 10px !important;
		clear: both;
		border-bottom: 1px solid #B8B8B8;
	  padding-bottom: 5px;
	}
	#menu-item-80957, #menu-item-80958, #menu-item-80959 {
		grid-column: 1 / span 2 !important; /* Rozciąga się na 2 kolumny */
		width: 100% !important;
		display: block !important;
		margin-bottom: 0px !important;
			border-bottom: 1px solid #B8B8B8;
	  padding-bottom: 5px;
	}
}
#menu-item-80946 > a, #menu-item-80947 > a, #menu-item-80945 > a{
	font-weight: 500
}

#menu-item-83114 > a{
	color: #C62828;
}	
#menu-item-80911 ul{
	column-gap: 20px;
}

.menu-item-object-product_brand > a {
    display: flex !important;
    justify-content: space-between !important; /* Tekst na lewo, logo na prawo */
    align-items: center !important;
    width: 100%;
    gap: 40px;
}

/* 2. Definicja wspólnego wyglądu dla logotypów */
.menu-item-object-product_brand > a::after {
    content: "";
    display: inline-block;
    width: 40px;  /* Szerokość logo - dostosuj do potrzeb */
    height: 20px; /* Wysokość logo - dostosuj do potrzeb */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}

/* Dodawanie konkretnych logotypów */
.menu-item-80965 a::after { content: url('../../uploads/logos/alleraqua_min_logo.png');  }
.menu-item-80966 a::after { content: url('../../uploads/logos/avidcarp_min_logo.png');  }
.menu-item-80967 a::after { content: url('../../uploads/logos/bkk_min_logo.png');  }
.menu-item-80968 a::after { content: url('../../uploads/logos/camp_old_school_min_logo.png');  }
.menu-item-80969 a::after { content: url('../../uploads/logos/carpfoodnatural_min_logo.png');  }
.menu-item-80970 a::after { content: url('../../uploads/logos/ccmore_min_logo.png');  }
.menu-item-80971 a::after { content: url('../../uploads/logos/delphin_min_logo.png');  }
.menu-item-80972 a::after { content: url('../../uploads/logos/dudibait_min_logo.png');  }
.menu-item-80973 a::after { content: url('../../uploads/logos/escafeeder_min_logo.png');  }
.menu-item-80974 a::after { content: url('../../uploads/logos/feeder_bait_min_logo.png');  }
.menu-item-80975 a::after { content: url('../../uploads/logos/fox_min_logo.png');  }
.menu-item-80976 a::after { content: url('../../uploads/logos/matrix_min_logo.png');  }
.menu-item-80977 a::after { content: url('../../uploads/logos/Katran_min_logo.png');  }
.menu-item-80978 a::after { content: url('../../uploads/logos/korda_min_logo.png');  }
.menu-item-80979 a::after { content: url('../../uploads/logos/matchpro_min_logo.png');  }
.menu-item-80980 a::after { content: url('../../uploads/logos/misiek_min_logo.png');  }
.menu-item-80981 a::after { content: url('../../uploads/logos/mivardi_min_logo.png');  }
.menu-item-80982 a::after { content: url('../../uploads/logos/preston_min_logo.png');  }
.menu-item-80983 a::after { content: url('../../uploads/logos/shimano_min_logo.png');  }
.menu-item-80984 a::after { content: url('../../uploads/logos/solbaits_min_logo.png');  }
.menu-item-80985 a::after { content: url('../../uploads/logos/sonik_min_logo.png');  }
.menu-item-80986 a::after { content: url('../../uploads/logos/sonubaits_min_logo.png');  }
.menu-item-80987 a::after { content: url('../../uploads/logos/spomb_min_logo.png');  }
.menu-item-80988 a::after { content: url('../../uploads/logos/spyderspod_min_logo.png');  }
.menu-item-80989 a::after { content: url('../../uploads/logos/undercarp_min_logo.png');  }
.menu-item-80990 a::after { content: url('../../uploads/logos/wolf_min_logo.png');  }



/*category*/

.archive .hero-section{
	background-color: unset !important;
}	

.archive .entry-header.ct-container .ct-breadcrumbs{
	text-align: left;
	text-transform: normal;
}	

.archive .entry-header.ct-container h1{
	background-position: 0% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000;
  background-image: url(https://db-new.adamoleks.com/wp-content/uploads/2026/04/category_bg.jpg);
  --container-padding: 0px;
  border-radius: 8px; 
  min-height: 100px;
  line-height: 100px;
  margin-top: 10px;
}	

[data-products] {
  display: grid;
  grid-template-columns: var(--shop-columns);
  grid-column-gap: var(--grid-columns-gap, 20px);
  grid-row-gap: var(--grid-rows-gap, 20px);
}

.archive .type-product, .products .type-product, .product-list .type-product{
	background-color: #F3F4F6;
	border-radius: 8px;
	padding: 10px;
}	

.type-product .ct-woo-card-actions{
	width: 100%;
}	


.type-product .ct-woo-card-actions .add_to_cart_button, .type-product .ct-woo-card-actions .product_type_simple{
	width: 100%;
	border-radius: 8px;
}	

.ct-woo-card-actions {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Odstęp między "Dodaj do życzeń" a "Dodaj do koszyka" */
}

.ct-media-container img, .ct-media-container picture {

  object-fit: contain;
  height: 100%;
  background-color: #fff;
}

/* 2. Reset i stylizacja przycisku wishlisty przeniesionego ze zdjęcia */
.ct-woo-card-actions .ct-wishlist-button-archive {
    position: relative !important; /* Usuwa ułożenie absolutne ze zdjęcia */
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    width: 100%; /* Pełna szerokość */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Odstęp ikony od tekstu */
    padding: 5px 15px;
    background-color: transparent;
    border: 1px solid var(--theme-palette-color-5); /* Kolor motywu */
    color: var(--theme-palette-color-1);



    border-radius: 8px; 
    transition: all 0.3s ease;
}

/* 3. Dodanie tekstu za ikoną */
.ct-woo-card-actions .ct-wishlist-button-archive::after {
    content: "Ulubione"; /* Wpisz tutaj swój tekst, np. "Dodaj do życzeń" */
}

/* 4. Efekt najechania myszką (Hover) */
.ct-woo-card-actions .ct-wishlist-button-archive:hover {
    background-color: var(--theme-palette-color-1);
    color: #ffffff;
}

/* 5. Ukrycie ikonki serduszka (opcjonalne) - jeśli chcesz sam tekst, odkomentuj poniższe linie */
/* .ct-woo-card-actions .ct-wishlist-button-archive .ct-icon-container {
    display: none;
}
 */

/* sidebar */

#sidebar .sidebar-header{
	font-size: 18px;
	font-weight: 700;	
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #B8B8B8;
}	

#sidebar .filter-header{
	width: 100%;
	background-color: #F3F4F6;
	font-size: 14px;
	font-weight: 700;	
	display: block;
	border-radius: 8px;
	padding: 10px;
	margin-bottom: 10px;
	line-height: 1;
}	

#sidebar .filter-header.brand{
	margin-bottom: 0px;
}	

#sidebar .wp-block-woocommerce-product-filter-price-slider, #sidebar .wp-block-woocommerce-product-filter-checkbox-list, #block-13 .ct-block-wrapper{
	padding: 10px;
}	

, #sidebar .ct-block-wrapper.brand{
	padding: 0px 10px;
}	

#sidebar .wc-block-product-filter-price-slider .text input[type="text"]{
	border-color: #B8B8B8;
	border-radius: 8px;
	max-width: 100px;
}	

#sidebar #block-16{
	margin-bottom: 0px;
}	

.custom-cat-menu > .cat-expanded > .children{
	border-left: 1px solid #B8B8B8;
}	

.custom-cat-menu > .cat-item > .children a{
	font-size: 14px;
	font-weight: 400;
}

#sidebar{
	border-radius: 8px; 
	border: 1px solid var(--theme-palette-color-5);
	padding: 20px; 
}	

.ct-active-filters a{
background-color: #F3F4F6;
border-radius: 8px;
padding: 5px 15px;
}

.ct-checkbox:checked, .comment-form input[type="checkbox"]:checked, #ship-to-different-address-checkbox:checked, .woocommerce-form__input[type="checkbox"]:checked, .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked, .woocommerce-input-wrapper input[type="checkbox"]:checked, #payment .payment_box input[type="checkbox"]:checked, .forminator-ui[data-design="none"] .forminator-checkbox input[type="checkbox"]:checked, .wpforms-container:not(.wpforms-container-full) input[type="checkbox"]:checked, .ff-inherit-theme-style input[type="checkbox"]:checked, .wc_payment_method > input[type="radio"]:checked, .woocommerce-shipping-methods input[type="radio"]:checked, .payment_box input[type="radio"]:checked, .mp-ticket-payments input[type="radio"]:checked, .forminator-ui[data-design="none"] .forminator-radio input[type="radio"]:checked, .wpforms-container:not(.wpforms-container-full) input[type="radio"]:checked, .ff-inherit-theme-style input[type="radio"]:checked{
	border-color: var(--theme-form-selection-field-active-color);
  background: var(--theme-form-selection-field-active-color);
}

.woo-listing-top{
	flex-direction: row-reverse; /* Odwracamy kolejność: select ląduje po prawej */
    justify-content: space-between; /* Rozpychamy elementy na przeciwległe końce */
    align-items: center; /* Centrujemy je w pionie względem siebie */
}

.woocommerce-ordering .orderby{
	border-radius: 8px;
	font-weight: 400;
}	

.wc-block-product-categories {
    position: relative;
}

/* Stylizacja elementów listy */
.wc-block-product-categories-list-item {
    position: relative;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.wc-block-product-categories-list-item a {
    display: block;
    padding: 10px 35px 10px 0; /* Miejsce na plusik po prawej */
    text-decoration: none;
    color: inherit;
    font-size: 15px;
}

/* Wcięcia dla poziomów głębokości (Depth) */
.wc-block-product-categories-list--depth-1 {
    margin-left: 15px !important;
    border-left: 1px solid #e0e0e0;
}

.wc-block-product-categories-list--depth-2 {
    margin-left: 15px !important;
    border-left: 1px solid #e0e0e0;
    background: rgba(0,0,0,0.02); /* Lekkie wyróżnienie 3 poziomu */
}

/* Styl ikony plusa */
.cat-toggle {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-palette-color-1); /* Kolor z Twojego motywu Blocksy */
    transition: all 0.2s;
}

/* Usuwanie marginesów z wewnętrznych list */
.wc-block-product-categories-list {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}


.archive-box-info{
	background-color: #F3F4F6;
	border-radius: 8px;
	padding: 20px;
}	

.archive-box-info .wp-block-group{
	gap: 10px;
}	


.archive-box-info h4{
	font-size: 16px;
	font-weight: 700;
}

.archive-box-info p{
	font-size: 14px;
	font-weight: 400;
}	

.baner-kontakt{
	background-image: url('https://db-new.adamoleks.com/wp-content/uploads/2026/04/baner-kontakt-bg.jpg'); /* Opcjonalnie obrazek */
    background-size: cover;
    background-position: center;
	border-radius: 8px;
	padding: 0px 120px;
	height: 230px;
}	

.baner-kontakt h4{
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0px;
}	

.baner-kontakt p{
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}	


/* Stylizacja przycisku */
.btn-phone .wp-block-button__link, .btn-mail .wp-block-button__link {
display: inline-flex !important;
    align-items: center !important; /* Środkuje elementy w pionie */
    justify-content: center !important;
    gap: 10px !important;
    line-height: 1 !important; /* Usuwa nadmiarowy odstęp od dołu tekstu */
    padding-top: 10px !important; /* Możesz dostosować padding, jeśli przycisk wydaje się za chudy */
    padding-bottom: 10px !important;
	padding-left: 20px !important;
}

.btn-phone .wp-block-button__link:hover, .btn-mail .wp-block-button__link:hover  {
	background-color: unset !important;
}	

.btn-phone .wp-block-button__link::before, .btn-mail .wp-block-button__link::before, .banner .banner-button .wp-block-button__link::after, .lojal-club .wp-block-button__link::before, .btn-red-arrow .wp-block-button__link::after, .col-b2b .btn-contact .wp-block-button__link::after {
content: "" !important;
    display: inline-block !important;
	position: unset;
    
    /* Ustawiamy rozmiar wyświetlania ikony na stronie */
    width: 24px !important; 
    height: 24px !important;
    
    /* Ustawienia tła, żeby ikona była cała widoczna i wyśrodkowana */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important; 
	z-index: 1;
	/* RESET stylów motywu, które mogą ją ukrywać */
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    background-color: transparent !important;

}

.btn-phone .wp-block-button__link::before{
	   background-image: url('https://db-new.adamoleks.com/wp-content/uploads/2026/04/phone-icon.png');
}	

.btn-mail .wp-block-button__link::before{
	   background-image: url('https://db-new.adamoleks.com/wp-content/uploads/2026/04/mail-icon.png');
}


.woocommerce-ordering {
    float: right;
    margin-left: auto;
}

.ct-woocommerce-archive-top-controls {
    justify-content: flex-end;
}


/* 1. Ustawiamy kontener linku jako Flexbox */
.ct-filter-item-inner a {
    display: flex;
    align-items: center; /* Centrowanie elementów w pionie */
    width: 100%;
    text-decoration: none;
    gap: 10px; /* Odstęp między checkboxem a tekstem */
}

/* 2. Ustalamy kolejność elementów (bo w HTML logo jest przed tekstem) */
.ct-filter-item .ct-checkbox {
    order: 1; /* Checkbox pierwszy z lewej */
}

.ct-filter-item .ct-filter-label {
    order: 2; /* Nazwa marki pośrodku (zaraz po checkboxie) */
}

.ct-filter-item .ct-media-container {
    order: 3;           /* Logo na końcu */
    margin-left: auto;  /* KLUCZ: Wypchnięcie logo na maksymalnie prawą stronę */
    display: flex;      /* Pomaga w centrowaniu samego obrazka wewnątrz div */
}

/* Opcjonalnie: dopasowanie rozmiaru logo, by nie było za duże */
.ct-filter-item .ct-media-container img {
    max-height: 30px;
    width: auto;
}


/* karta produktu */

li.product.outofstock {
    opacity: 0.7; /* Lekkie wyblaknięcie całego kafelka */
    transition: all 0.3s ease;
}

/* 2. Całkowite wyszarzenie zdjęcia */
li.product.outofstock .ct-media-container img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

/* 3. Wyblaknięcie nazwy i ceny */
li.product.outofstock .woocommerce-loop-product__title,
li.product.outofstock .price {
    color: #999 !important;
}

/* 4. Upewniamy się, że etykieta "WYPRZEDANE" pozostaje widoczna i kolorowa */
/* (Zakładając, że chcesz, aby czerwony/pomarańczowy badge się wyróżniał) */
li.product.outofstock .out-of-stock-badge {
    opacity: 1 !important;
    filter: grayscale(0%) !important;
}

/* 5. Opcjonalnie: Powrót do kolorów po najechaniu myszką (UX - klient może chcieć zobaczyć produkt) */
li.product.outofstock:hover {
    opacity: 1;
}
li.product.outofstock:hover .ct-media-container img {
    filter: grayscale(0%);
}

.single-product .summary-border{
	border: 1px solid #B8B8B8;
	padding: 20px;
	border-radius: 8px;
}	

.woocommerce-cart-form__cart-item div.quantity{
	width: 120px;
}	

.single-product .entry-summary-items .qty, .woocommerce-cart-form__cart-item div.quantity input[type="number"]{
	border-color: #B8B8B8;
	border-radius: 8px !important;
	font-size: 16px;
}	



.single-product .entry-summary-items .quantity[data-type="type-2"] .ct-increase, .single-product .entry-summary-items .quantity[data-type="type-2"] .ct-decrease, .woocommerce-cart-form__cart-item .quantity[data-type="type-2"] .ct-increase, .woocommerce-cart-form__cart-item .quantity[data-type="type-2"] .ct-decrease{
	width: 40px;
	height: 38px;
	background-color: #F3F4F6;
	top: 1px;
	
}	

.single-product .entry-summary-items .quantity[data-type="type-2"] .ct-decrease, .woocommerce-cart-form__cart-item .quantity[data-type="type-2"] .ct-decrease{
	left: 1px;
	border-radius: 8px 0px 0px 8px;
	border-right: 1px solid #B8B8B8;
}

.single-product .entry-summary-items .quantity[data-type="type-2"] .ct-increase, .woocommerce-cart-form__cart-item .quantity[data-type="type-2"] .ct-increase{
	right: 1px;
	border-radius: 0px 8px 8px 0px ;
	border-left: 1px solid #B8B8B8;
}

.single-product .entry-summary-items .quantity[data-type="type-2"] .ct-increase::before, .single-product .entry-summary-items .quantity[data-type="type-2"] .ct-decrease::before, .woocommerce-cart-form__cart-item .quantity[data-type="type-2"] .ct-increase::before, .woocommerce-cart-form__cart-item .quantity[data-type="type-2"] .ct-decrease::before{
	font-size: 14px;
}	
.single-product .entry-summary-items div.quantity .ct-increase:hover, .single-product .entry-summary-items div.quantity .ct-decrease:hover, .woocommerce-cart-form__cart-item div.quantity .ct-increase:hover, .woocommerce-cart-form__cart-item div.quantity .ct-decrease:hover{
	color: #060606;
}	

.single-product .entry-summary-items .single_add_to_cart_button{
	border-radius: 8px;
}	

.single-product .entry-summary-items .product_meta{
	background-color: #F3F4F6;
	border-radius: 8px;
	padding: 20px;
}	

.single-product .custom-sale-countdown {
    background: #C628281A; /* Jasnoczerwone tło */
    color: #C62828;    /* Czerwony tekst */
    padding: 8px 20px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
	border: 1px solid #B8B8B8;
}

.single-product .countdown-label {
    font-size: 14px;
	font-weight: 400;
}
	

.single-product .entry-summary-items del .woocommerce-Price-amount{
	font-size: 18px;
	font-weight: 400;
	color: #979797;
}

.single-product .entry-summary-items ins .woocommerce-Price-amount {
	font-size: 24px;
	font-weight: 400;
}	

.single-product .entry-summary-items .sale-percentage-single{
	background-color: #C62828;
	padding: 6px 18px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	border-radius: 8px; 
	align-content: center;
	line-height: 1em;
	height: 32px;
}	

.single-product .entry-summary-items .ct-product-add-to-cart{
	margin-bottom: 0px !important;
}	

.single-product .entry-summary-items .price{
	column-gap: 15px;
	display: flex;
	margin-bottom: 5px !important;
	align-items: center;
	margin-top: 20px;
}

.single-product .entry-summary-items .iworks-omnibus{
	color: #979797;
	font-size: 14px;
	font-weight: 400;
}	

.single-product .entry-summary-items .iworks-omnibus .woocommerce-Price-amount{
	font-weight: 700;	
}	

.single-product .entry-summary-items .product_meta > .send_info{
	background-color: #C62828;
	padding: 6px 18px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 8px;
	text-transform: none;
	display: inline;
}

.single-product .entry-summary-items .product_meta .stock-label, .single-product .entry-summary-items .product_meta .sku-label, .single-product .entry-summary-items .product_meta .posted_in{
	font-size: 14px;
	font-weight: 400;	
	color: #060606;
	text-transform: none;
	opacity: 1;
}	

.single-product .entry-summary-items .product_meta .sku, .single-product .entry-summary-items .product_meta .posted_in a{
	font-weight: 700;	
	opacity: 1;
}	

.single-product .product[class*="gallery"] .entry-summary-items > * {
  margin-bottom: 20px;
}

.single-product .entry-summary-items .ct-product-additional-actions{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
}

.single-product .entry-summary-items .ct-wishlist-button-single{
	width: 40px;
	height: 40px;
	border: 1px solid #B8B8B8;
	border-radius: 8px;
}	

.single-product .entry-summary-items .ct-wishlist-button-single svg{
	width: 18px;
	height: 18px;
}	

.single-product .entry-summary-items .ct-wishlist-button-single .ct-label{
	display: none;
}	

.custom-stock-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    font-size: 14px;
    font-family: inherit;
}

.custom-stock-bar.variable {
	margin-bottom: 5px;	
}	

.stock-variable{
	margin-bottom: 15px;	
}	

.stock-label {
    font-weight: 500;
}

.stock-dots {
    display: flex;
    gap: 4px;
}

.stock-dots .dot {
    width: 25px;
    height: 6px;
    background-color: #B8B8B8; /* Kolor nieaktywny */
    border-radius: 10px;
    transition: background 0.3s;
}

.stock-dots .dot.active {
    background-color: #d32f2f; /* Kolor czerwony ze zdjęcia */
}

.stock-count {
    color: #000;
    font-weight: 700;
}


.single-product .help-column{
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #F3F4F6;
	border-radius: 8px;
	padding: 20px;
}	

.single-product .help-column p{
	font-size: 18px;
	font-weight: 400;
}

.single-product .help-column span{
	font-weight: 700;
}

.single-product .help-column .ct-contact-info-block span{
	font-size: 14px;
	font-weight: 500;	
}	

.single-product .product-description p, .single-product .product-description  ul{
	font-size: 16px;
	font-weight: 400;	
}	

.single-product .product-description .header-description{
	font-size: 24px;
	font-weight: 700;	
	padding-bottom: 10px;
	border-bottom: 1px solid #B8B8B8;
	width: 100%;
	display: flex;
	margin-bottom: 20px;
}	

.related.products .ct-module-title{
	font-size: 24px;
	font-weight: 700;	
	padding-bottom: 10px;
	border-bottom: 1px solid #B8B8B8;
	justify-content: center;
}	

.is-layout-slider .flexy-items{
	--flexy-items-gap: var(--grid-columns-gap, 20px);	
}	

[class*="ct-container"] > article{
	padding: 0px;
}	

.single-product [data-vertical-spacing*="top"] {
	padding-top: 5px;
}
.single-product .ct-container-full [data-vertical-spacing*="top:bottom"] {
	padding-bottom: 0px;
}

.single-product  .baner-kontakt{
	margin-top: 40px;
}	

.ct-product-brands .ct-media-container{
	flex: unset;
	max-width: 120px;
}

.ct-product-brands .ct-media-container img{
	width: auto;
}		

/* 1. Kontener główny - tworzymy siatkę dwukolumnową */
.product-entry-wrapper.is-width-constrained {
    display: grid !important;
    grid-template-columns: 1fr 1fr; /* Lewa kolumna elastyczna, prawa stała (szerokość panelu) */
    gap: 20px;
    align-items: start; 
}

/* 2. Lewa kolumna: Galeria */
.product-entry-wrapper .woocommerce-product-gallery {
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
    margin: 0 !important;
}

/* 3. Lewa kolumna: Opis produktu (pod galerią) */
.product-entry-wrapper .custom-product-description {
    grid-column: 1;
    grid-row: 2;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

/* 4. Prawa kolumna: Cały panel summary (Cena, Koszyk, Pomoc) */
.product-entry-wrapper .summary.entry-summary {
    grid-column: 2;
    grid-row: 1 / span 2; /* Zajmuje wysokość obu rzędów (galerii i opisu) */
    position: sticky;
    top: 20px; /* Odstęp od góry przy przewijaniu */
    width: 100% !important;
    margin: 0 !important;
    float: none !important; /* Wyłączamy floaty Blocksy */
}

/* 5. Stylizacja ramki wewnątrz summary (jeśli potrzebna) */
.summary-border {
    border: 1px solid #e5e5e5;
    padding: 25px;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 20px;
}

/* 6. Responsywność - na telefonach wszystko w jednej kolumnie */
@media (max-width: 991px) {
    .product-entry-wrapper.is-width-constrained {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .product-entry-wrapper .summary.entry-summary {
        position: static;
        order: 2; /* Panel pod galerią */
    }
    
    .product-entry-wrapper .woocommerce-product-gallery {
        order: 1; /* Galeria na górze */
    }
    
    .product-entry-wrapper .custom-product-description {
        order: 3; /* Opis na samym dole */
    }
}

/* cart */

.ct-customer-details{
	/*background-color: #F3F4F6;*/

}	

.ct-order-review{
	background-color: #F3F4F6;
	border-radius: 8px;
	padding: 20px;
	border-width: 1px;
}	

.ct-woocommerce-cart-form .cart_totals{
	background-color: #F3F4F6;
	border-radius: 8px;
}	

.woocommerce-cart-form__cart-item .woocommerce-Price-amount, .woocommerce-cart-form__cart-item .product-name{
	font-size: 18px;
}	


table.shop_table {
  --theme-table-padding: 0.5em 0.7em;
  --theme-table-border-width: 0;
  --theme-table-font-size: 16px;
}

#payment ul.payment_methods > li.wc_payment_method{
	  border: 0px;
	  padding-bottom: 20px;
}	

#payment ul.payment_methods > li.wc_payment_method > label{
	padding: 0px;
}	
#payment ul.payment_methods .payment_box {
  padding: 0px 25px;
  border: 0px;
}

/* homepage */
.banner{
	background-position: 0% 0%;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #000;
	background-image: url(https://db-new.adamoleks.com/wp-content/uploads/2026/04/banner.jpg);
	--container-padding: 0px;
	border-radius: 8px; 
	height: 360px;  
	padding: 30px 120px;
}		

.banner h1{
	color: #fff;
	font-size: 48px;
	width: 410px;
	line-height: 1.15em;
	margin: 0px;
}	

.banner .min-header{
	font-size: 24px;
	width: 100%;
	display: block;
}	

.banner .min-slogan{
	font-weight: 400;
	font-size: 16px;
	width: 100%;
	display: block;
}	

.banner .banner-button a{
	background-color: #fff;
	color: #060606;
	font-weight: 700;
	font-size: 18px;	
}	
.banner .banner-button .wp-block-button__link::after {
  background-image: url('https://db-new.adamoleks.com/wp-content/uploads/2026/04/arrow-r-d.png');
  width: 12px !important;
  height: 12px !important;
  margin-left: 10px;
}

.banner-rabat{
	background-position: 0% 0%;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #000;
	background-image: url(https://db-new.adamoleks.com/wp-content/uploads/2026/04/banner-rabat.jpg);
	padding: 30px 20px;
	border-radius: 8px; 
	height: 280px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.banner-rabat-header-b{
	font-weight: 700;
	font-size: 36px;	
	letter-spacing: -4%;
	color: #fff;
	margin: 0px;
}	

.banner-rabat-header-sm{
	font-weight: 700;
	font-size: 24px;	
	color: #fff;
	margin: 0px;
	line-height: 1.1em;
}	

.wp-container-core-columns-is-layout-28f84493{
	margin-bottom: 20px;
}	

.lojal-club a{
	color: #fff;
	font-size: 17px;
	font-weight: 700;	
	height: 60px;
	justify-content: left;
}	

.lojal-club .wp-block-button__link::before {
  background-image: url('https://db-new.adamoleks.com/wp-content/uploads/2026/04/add-club.png');
  width: 12px !important;
  height: 12px !important;
  margin-right: 10px;

}

.home-products{
	text-align: center;
	padding: 20px 0px;
}

.home-products .header-section{
	font-size: 24px;
	font-weight: 700;
}

.home-products p{
	font-size: 16px;
	font-weight: 400;
margin-bottom: 20px !important;
padding-bottom: 10px;
border-bottom: 1px solid #B8B8B8;	
}	

.home-products .slogan-dist{
	color: #C62828;
	font-weight: 700;
}

.db-desc {
	padding: 80px 0px;
}	


.db-desc .wp-block-column{
	display: flex;
  flex-direction: column;
  justify-content: center;

}	

.db-desc h2{
	font-size: 24px;
	font-weight: 700;	
}

.db-desc p{
	font-size: 16px;
	font-weight: 400;
}	

.db-desc .db-desc-bg{
	background-color: #F3F4F6;
	font-size: 18px;
	font-weight: 400;
	border-radius: 8px;
	padding: 10px 20px;
}	


.button-karp-feeder, .button-odziez-marki{
	background-position: 0% 0%;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #000;
	border-radius: 8px; 
	display: flex;
	flex-direction: column;
	height: 200px;
}


.button-karp{
	background-image: url(https://db-new.adamoleks.com/wp-content/uploads/2026/04/bg-button-przynety.jpg);
}

.button-feeder{
	background-image: url(https://db-new.adamoleks.com/wp-content/uploads/2026/04/bg-button-feeder.jpg);
}

.button-odziez{
	background-image: url(https://db-new.adamoleks.com/wp-content/uploads/2026/04/bg-button-odziez.jpg);
}

.button-marki{
	background-image: url(https://db-new.adamoleks.com/wp-content/uploads/2026/04/bg-button-marki.jpg);
}

.button-karp-feeder a, .button-odziez-marki a{
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	width: 100%;
	height: 100%;
}	


.lojal-club-banner{
	height: 300px;
	min-height: unset;
	border-radius: 8px;
}	

.lojal-club-box{
	padding: 0px 120px;
}	

.lojal-club-box p{
	font-size: 16px;
	font-weight: 400;
	text-align: left;
}	

.lojal-club-box p strong{
	font-size: 16px;
	font-weight: 400;	
	color: #C62828;
}	

.about-dudi{
	justify-content: space-between;
	align-items: center !important;
}

.about-dudi h2{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 0px;
}	

.about-dudi h3, .col-b2b h4{
	font-size: 18px;
	font-weight: 400;
	margin-top: 0px;
}

.about-dudi h3 strong{
	color: #C62828;
	font-weight: 700;
}	

.col-b2b{
	text-align: center;
	background-color: #F3F4F6;
	border-radius: 8px;
	padding: 40px;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}	

.about-dudi p, .col-b2b p{
	font-size: 16px;
	font-weight: 400;
}	

.col-b2b .wp-block-buttons{
	width: 100%;
}	


.col-b2b .b2b-button{
	padding-bottom: 20px;
	border-bottom: 1px solid #B8B8B8;
}	

.col-b2b .btn-contact a{
	background-color: unset;
	color: #060606;
	border: 1px solid #B8B8B8;
}	

.col-b2b .btn-contact .wp-block-button__link::after{
	background-image: url('https://db-new.adamoleks.com/wp-content/uploads/2026/04/arrow-black.png');
	width: 12px !important;
	height: 12px !important;
	margin-left: 10px;
}

.btn-red-arrow a{
	font-size: 18px;
	font-weight: 700;
	background-color: var(--theme-button-background-hover-color);	
}	
.btn-red-arrow .wp-block-button__link::after{
	background-image: url('https://db-new.adamoleks.com/wp-content/uploads/2026/04/arrow-right.png');
	width: 12px !important;
	height: 12px !important;
	margin-left: 10px;
}

.col-b2b{
	justify-content: center;
}	

.ti-widget{
	background-color: #F3F4F6;
  margin: 0px !important;
  width: 100%;
  display: unset;
  max-width: 100%;	
  padding: 40px 0px;
}	

.ti-widget-container{
	max-width: 1420px;
	margin: auto;
}	

.fb-section h3{
	margin: 0px;
}	

.fb-section p{
	border-bottom: 1px solid #B8B8B8;
}	

.fb-section p strong{
	color: #C62828;
}	

#cff .cff-item.cff-box, #cff .cff-item.cff-box:first-child{
	padding: 20px !important;
	border: 1px solid #B8B8B8;
}

#cff .cff-view-comments{
	background-color: #F3F4F6;
	border-radius: 8px;
}	

.cff-view-comments-wrap{
	justify-content: left;
  display: flex;
  width: 100%;
}	

	

.dudi-desc .dudi-desc-box{
	border: 1px solid #B8B8B8;
	padding: 20px;
	border-radius: 8px;
}	

.dudi-desc h2{
	font-size: 24px;
	font-weight: 700;	
}	

.dudi-desc p{
	font-size: 16px;
	font-weight: 400;	
}

.dudi-desc p strong{
	color: #C62828;
}

@media (max-width: 1419px) {
	.dudi-desc {
		width: 100%;
		padding: 40px 20px !important;
	}
}	


/* Wyłączamy grid Blocksy dla slidera */

/* Wyłączenie siatki Blocksy tylko wewnątrz naszego slidera */
.bestsellers-slider .woocommerce.swiper {
    display: block !important;
    overflow: hidden !important;
    position: relative;
}

.bestsellers-slider .woocommerce.swiper ul.products.swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

.product-slider-container ul.products.swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Usuwamy marginesy z li, bo Swiper sam nimi zarządza */
.product-slider-container .swiper-slide {
    margin: 0 !important;
    width: auto;
    flex-shrink: 0;
}

/* Kontener główny slidera */
.product-slider-container {
    overflow: hidden;
    position: relative;
    padding: 20px 0 40px 0;
}

/* Styl strzałek */
.swiper-button-next, .swiper-button-prev {
    background: #fff;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    color: #c62828 !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 16px !important;
}

/* Kontener paginacji - upewniamy się, że ma odpowiedni margines i nie nachodzi na produkty */
.product-slider-container .swiper-pagination {
    position: relative;
    margin-top: 30px;
    bottom: auto; /* Resetujemy domyślne pozycjonowanie Swipera */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Wygląd standardowej (nieaktywnej) kropki */
.product-slider-container .swiper-pagination-bullet, .cff_owl-theme .cff_owl-controls .cff_owl-pagination .cff_owl-page span{
    width: 8px;
    height: 8px;
    background-color: #c4c4c4; /* Kolor jasnoszary ze zrzutu */
    opacity: 1; /* Swiper domyślnie zmniejsza przezroczystość, wymuszamy 100% */
    border-radius: 50%;
    margin: 0 4px !important; /* Wymuszamy równe odstępy */
    transition: all 0.3s ease-in-out; /* Płynne przejście przy zmianie aktywnego slajdu */
}

/* Wygląd aktywnej kropki (wydłużona pigułka) */
.product-slider-container .swiper-pagination-bullet-active, .cff_owl-theme .cff_owl-controls .cff_owl-pagination .cff_owl-page.active span{
    width: 28px; /* Wydłużamy szerokość */
    background-color: #000000; /* Zmieniamy kolor na czarny */
    border-radius: 4px; /* Lekko zaokrąglone rogi (kształt pigułki) */
}

/* 1. Wymuszamy, aby każdy slajd zajmował 100% dostępnej wysokości */
.product-slider-container .swiper-wrapper {
    display: flex;
    align-items: stretch; /* To sprawia, że wszystkie li w rzędzie mają tę samą wysokość */
}

.product-slider-container .swiper-slide {
    height: auto; /* Pozwala elementom rozciągać się dzięki flexboxowi wrapper'a */
    display: flex;
    flex-direction: column;
}

/* 2. Stylizujemy wewnętrzny kontener produktu WooCommerce */
.product-slider-container .product {
    display: flex;
    flex-direction: column;

}

/* 3. Wyrównujemy przycisk "Dodaj do koszyka" do dołu */
/* W WooCommerce standardowo jest to klasa .button lub .add_to_cart_button */
.product-slider-container .product .button, 
.product-slider-container .product .add_to_cart_button {
    margin-top: auto; /* Pcha przycisk na sam dół kafelka */
    align-self: center; /* Centruje przycisk poziomo, jeśli jest wąski */
}


/* Kontener galerii po zmianie w Swiper */
.logo-swiper.swiper {
    padding: 20px 0;
    overflow: hidden;
}

/* Stylizacja slajdów (logotypów) */
.logo-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px; /* Stała wysokość dla wyrównania */
    transition: filter 0.3s ease;
}

.logo-swiper .swiper-slide img {
    max-height: 80px; /* Logo nie przekroczy tej wysokości */
    width: auto;
    object-fit: contain;

}



/* Poprawka dla WordPressa - usuwamy domyślne style flex galerii, które psują Swipera */
.logo-swiper.wp-block-gallery.is-layout-flex {
    display: block !important; 
	margin-bottom: 80px;
}

.logo-swiper .swiper-wrapper {
    display: flex !important; /* Przywracamy flex dla Swipera */
}

/* footer */

.ct-footer [data-row] > div {
	grid-column-gap: 120px;
}	

.footer-header{
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);	
	display: block;
	margin-bottom: 15px;
}	

.contact .ct-contact-info-block ul li:first-child{
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}	

.contact .ct-contact-info-block .ct-icon-container{
	margin-right: 5px;
}	

.social {
    display: flex !important;
    justify-content: space-between !important; /* To wypycha elementy na boki */
    align-items: center !important;          /* Centrowanie w pionie */
    flex-wrap: wrap;                          /* Pozwala na zawinięcie na bardzo małych ekranach */
    gap: 15px;  
	padding: 15px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 8px;
}

/* Resetowanie ewentualnych marginesów dolnych nagłówka, by były idealnie w linii */
.social .wp-block-heading {
    margin-bottom: 0 !important;
	font-size: 18px !important;
	font-weight: 700;
	color: #fff;
}

/* Upewnienie się, że blok socjali nie zajmuje 100% szerokości */
.social .ct-socials-block {
    width: auto !important;
}

.social [data-icons-type*=":"] .ct-icon-container{
width: calc(var(--theme-icon-size, 15px)*1.8);
  height: calc(var(--theme-icon-size, 15px)*1.8);	
}	
.menu-footer{
	list-style: none;
	padding: 0px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 30px;
}

.menu-footer li{
	
}

.menu-footer a{
		font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
}	

.mobile-menu #menu-nowe-menu-glowne-1 .menu-item a{
	padding: 10px 0px;
}	

/* pages */

.contact-social [data-icons-type*=":"] .ct-icon-container{
width: calc(var(--theme-icon-size, 32px)*1.8);
  height: calc(var(--theme-icon-size, 32px)*1.8);	
}	

.contact .ct-contact-info-block ul. li{
	align-items: top;
}

.entry-content .wp-block-gallery .wp-block-image img{
	border-radius: 8px;
}	

.marki-container h3 a{
	font-size: 18px;
}	

/* Styl dla pojedynczego kafelka marki */
.marki-container > .wp-block-group {
    border: 1px solid #B8B8B8;    /* Jasnoszara, delikatna ramka */
    padding: 20px;               /* Odstęp wewnątrz ramki */
    border-radius: 8px;         /* Zaokrąglenie rogów */
    background-color: #ffffff;   /* Tło kafelka */
    transition: all 0.3s ease;   /* Płynność efektów */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Efekt po najechaniu myszką (opcjonalne) */
.marki-container > .wp-block-group:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Bardzo delikatny cień */
    transform: translateY(-3px); /* Subtelne uniesienie kafelka */
}

/* Zabezpieczenie obrazków, aby nie wystawały */
.marki-container figure img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Usunięcie domyślnych marginesów z nagłówków dla lepszego wyrównania */
.marki-container h3 {
    margin-bottom: 0 !important;
}

@media (min-width: 1420px) {
	.ct-footer [data-column="text"], .ct-footer [data-column="text:cURJNO"], .ct-footer [data-column="text:wIKQBP"]{	
		width: 220px;
	}	
	.ct-footer [data-column="text:KUMfuZ"]{	
		width: 340px;
	}
	.ct-footer [data-row] > div{
		grid-column-gap: 140px;
	}	
	
	.button-karp-feeder{
		height: 340px;
	}
	.button-odziez-marki{
		height: 160px;
	}	
	
	.col-odziez-marki{
		flex-direction: column;
	}
	
	.col-b2b{
		flex-basis: calc(33.33% - 20px) !important;
	}	
	.dudi-desc{
		margin: 32px calc(50% - 50vw);
		max-width: 100vw;
		width: 100vw;	
	}

	.dudi-desc .wp-block-cover__inner-container{
		max-width: 1420px;
		margin: auto;
	}

}

@media (max-width: 767px) {
	.wp-container-core-group-is-layout-b757edec {
	  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
	#offcanvas .ct-contact-info, #offcanvas .ct-header-text {
		width: 100%;
		padding: 10px 20px;
		background-color: #F3F4F6;
		margin: 0px !important;
	}	
	
	#offcanvas .ct-header-text .top_bar_google{
		justify-content: left;
		padding: 10px 0px;
		border-top: 1px solid #B8B8B8;
		border-bottom: 1px solid #B8B8B8;
	}

	#offcanvas .ct-panel-content-inner .ct-contact-info:first-of-type{
		padding-top: 20px;
		border-radius: 8px 8px 0px 0px;
	}	
	
	#offcanvas .ct-panel-content-inner .ct-header-text:last-of-type {
		padding-bottom: 20px;
		border-radius: 0px 0px 8px 8px;
	}		
	
	#offcanvas .menu-item-has-children .sub-menu .menu-item a{
		font-size: 16px;
	}

  [data-footer*="type-1"] .ct-footer [data-row*="middle"] > div{
	row-gap: 40px;	
  } 
  .banner{
		padding: 20px;
		width: 100%;
		align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  }
  
  .banner .wp-block-buttons, .banner .banner-button{
	width: 100%;
  } 
  
  .banner h1{
		font-size: 40px;
		width: 100%;
		text-align: center;
  }
  
  .baner-kontakt{
	padding: 20px;
	height: auto;
	background-position: right -260px center;
  } 
  
  .baner-kontakt .btn-phone, .baner-kontakt .btn-mail{
	min-width: 240px;
  }  
  
  .banner-rabat{
	display: block;
	height: 145px;
  } 
  
  .banner-rabat figure{
	 float: right;
  } 
  
  .lojal-club-banner{
	  height: auto;
  } 
  
  .lojal-club-box{
	  padding: 20px;
  } 
  
  .db-desc{
	  padding: 60px 0px;
  }
	.logo-swiper.wp-block-gallery.is-layout-flex {
		margin-bottom: 60px;
	}
	.single-product .help-column p span{
		display: block;
	}	

	
	.single-product .help-column ul li:first-of-type{
		width: 100%;
		border-bottom: 1px solid #B8B8B8;
		padding-bottom: 15px;
	}	
	
	.single-product .product-description{
		order: 3;
	}

	.single-product .product-entry-wrapper .summary.entry-summary	{
		position: relative;
	}	
	.archive .entry-header.ct-container .ct-breadcrumbs{
		margin: 10px 0px;
	}	
}

@media (min-width: 991px) and (max-width: 1419px) {
	#header [data-column-set="2"] > div{
		display: flex;
		flex-direction: column;
	}	
	
	#header [data-column-set="2"] > div [class*="ct-contact-info"]{
		width: 100%;
	}	
	
	#header [data-column-set="2"] > div [class*="ct-contact-info"] ul{
		width: 100%;
		justify-content: center;
	}	
	
	#header [data-column="end"]{
		display: flex;
	}

	#header [data-column="end"] div [class*="ct-contact-info"]{
		width: unset;
	}	
	
	#header [data-column="end"] > [data-items="primary"] {
		justify-content: center;
	}	
}