/*
 Theme Name: EnglishByWilko
 Theme URI: https://testyangielski.pl
 Description: EnglishByWilko Child
 Author: Worfordis
 Author URI: https://Worfordis.pl
 Template: Divi
 Version: 1.0.0
*/

/* Import stylów nadrzędnych */
@import url("../Divi/style.css");

.btn2 {
                    cursor: pointer;
                    outline: 0;
                    color: #fff !important;
                    background-color: #cd1124;
                    border-color: #0d6efd;
                    display: inline-block;
                    font-weight: 400;
                    line-height: 1.5;
                    text-align: center;
                    border: 1px solid transparent;
                    padding: 10px 20px;
                    font-size: 16px;
                    border-radius: .25rem;
                    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn2:hover {
                        color: #fff;
                        background-color: #b50c1d;
                        border-color: #b50c1d;
                    }
                

.checklist {
  list-style: none;
  padding-left: 0;
  margin: 20px 0;
}

.checklist li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  line-height: 1.5;
}

.checklist i {
  color: #09a927;
  font-size: 18px;
  margin-top: 3px;
  flex-shrink: 0;
}


/* Kontener formularza logowania i rejestracji */
.woocommerce-account .u-columns.col2-set, 
.woocommerce-account .customer_login {
    max-width: 900px;
    margin: 40px auto;
    padding: 20px;
}

/* Styl ramek dla pól formularza */
.woocommerce-account form.login, 
.woocommerce-account form.register {
    border: 1px solid #e0e0e0;
    padding: 30px;
    border-radius: 8px;
    background-color: #ffffff;
}

/* Styl pól wejściowych (input) */
.woocommerce-account .woocommerce-Input,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"] {
    border: 1px solid #f7f7f7; /* Rozjaśniony szary */
    background-color: #fafafa;
    border-radius: 4px;
    padding: 10px;
    transition: border-color 0.3s ease;
}

/* Efekt focus dla pól */
.woocommerce-account .woocommerce-Input:focus {
    border-color: #378941;
    outline: none;
}

/* Styl głównego przycisku logowania/rejestracji */
.woocommerce-account .woocommerce-button.button {
    background-color: #378941 !important;
    color: #ffffff !important;
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 15px; /* Zmniejszona czcionka */
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-sizing: border-box; /* Zapobiega skakaniu */
}

/* Efekt hover bez skakania */
.woocommerce-account .woocommerce-button.button:hover {
    background-color: #2d6f35 !important;
    padding: 12px 24px; /* Upewnij się, że padding się nie zmienia */
}

/* Styl linków (np. "Nie pamiętasz hasła?") */
.woocommerce-account .lost_password a {
    color: #378941;
    text-decoration: none;
}

.woocommerce-account .lost_password a:hover {
    text-decoration: underline;
}

.border-a {color: #00247d;
	margin-bottom: 10px; 
	padding-bottom: 10px;
 border-bottom: 1px solid #dddddd;
width: 100%;}

.border-a:hover { border-bottom: 1px solid #cd1124;}

.de-mega-menu {
    width: 100% !important;
    max-width: 1920px !important;
	top: 80px !important;
}
.fcolor {color: #dddddd;}

a:hover {color: #cd1124;}

.kategory-column {
	margin-bottom: 20px;
}

.quform-field-size-slim>.quform-input>.quform-field-textarea {
    font-size: 16px !important;
}

a {
	color: inherit;
}

.scroll-indicator {
    font-size: 60px; /* Rozmiar strzałki */
    color: #fff; /* Kolor strzałki */
    animation: move-up-down 1.5s infinite ease-in-out;
}

/* Animacja góra-dół */
@keyframes move-up-down {
    0%, 100% {
        transform: translateY(0); /* Pozycja początkowa */
    }
    50% {
        transform: translateY(10px); /* Ruch w dół */
    }
}




.fbtn {
  background-color: #fff;
  border-radius: 46px;
  border-style: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  flex-shrink: 0;
  font-family: "Inter UI","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  font-size: 20px;
  font-weight: 500;
  height: 4rem;
  padding: 0.9rem 1.1rem;
  text-align: center;
	color: #000;
  text-shadow: rgba(0, 0, 0, 0.25) 0 3px 4px;
  transition: all .5s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.fbtn:hover {
  box-shadow: rgba(205, 17, 36, 0.5) 0 1px 20px;
  transition-duration: .1s;
}



.fbtn1 {
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #dadada;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  font-family: "Inter UI","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 500;
  height: 3rem;
  padding: 0.6rem 0.86rem;
  text-align: center;
	color: #000;
  transition: all .5s;
	margin-right: 3px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.fbtn1:hover {
  box-shadow: rgba(24, 119, 242, 0.5) 0 1px 20px;
  transition-duration: .1s;
}

.fbtn2 {
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #dadada;
  box-sizing: border-box;
  cursor: pointer;
margin-right: 3px;
  flex-shrink: 0;
  font-family: "Inter UI","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 500;
  height: 3rem;
  padding: 0.6rem 0.86rem;
  text-align: center;
	color: #000;
  transition: all .5s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.fbtn2:hover {
  box-shadow: rgba(188, 42, 141, 0.5) 0 1px 20px;
  transition-duration: .1s;
}


.fbtn3 {
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #dadada;
  box-sizing: border-box;
  cursor: pointer;
  flex-shrink: 0;
  font-family: "Inter UI","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 500;
  height: 3rem;
  padding: 0.6rem 0.86rem;
  text-align: center;
	color: #000;
  transition: all .5s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.fbtn3:hover {
  box-shadow: rgba(37,211,102, 0.5) 0 1px 20px;
  transition-duration: .1s;
}

/* CSS */
.button-37 {
  background-color: #09a927;
  border: 1px solid #09a927;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-family: "Akzidenz Grotesk BQ Medium", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  outline: 0;
  padding: 10px 25px;
  text-align: center;
  transform: translateY(0);
  transition: transform 150ms, box-shadow 150ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-37:hover {
  box-shadow: rgba(0, 0, 0, .15) 0 3px 9px 0;
  transform: translateY(-2px);
}



.button-38 {
  background-color: #cd1124;
  border: 1px solid #cd1124;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-family: "Akzidenz Grotesk BQ Medium", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  font-weight: 400;
  outline: none;
  outline: 0;
  padding: 10px 25px;
  text-align: center;
  transform: translateY(0);
  transition: transform 150ms, box-shadow 150ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-38:hover {
  box-shadow: rgba(0, 0, 0, .15) 0 3px 9px 0;
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .button-37 {
    padding: 10px 30px;
  }
}

/*START WATU PRO STYLE*/
#watuproNextCatButton input[type="button"],#watuproPrevCatButton input[type="button"], #next-question input[type="button"], #prev-question input[type="button"] {   
	padding: 8px 24px;
    border-radius: 30px;
    font-size: 16px;
    background: #00247d;
    color: #fff;
    border: none;
	cursor:pointer;
	border: 1px solid #00247d;
	transition: 0.3s;
}
.watupro-submit-button{
		padding: 8px 24px;
    border-radius: 30px;
    font-size: 16px;
    background: #fff;
    color: #00247d;
    border: none;
	cursor:pointer;
	border: 1px solid #00247d;
	transition: 0.3s;
}
#watuproPrevCatButton input[type="button"]:hover, #watuproNextCatButton input[type="button"]:hover, .watupro-submit-button:hover, #next-question input[type="button"]:hover, #prev-question input[type="button"]:hover {
	 background: #00247d;
	color: #fff;
	border: 1px solid #00247d;
}
ul.watupro-paginator li {
	background: #000a23 !important;
	color: #fff !important;
	font-weight: 400 !important;
    font-size: 13px;
    padding: 4px 15px !important;
	border: none !important;
}
ul.watupro-paginator li.active{
	background: #00247d !important;
	box-shadow: none !important;
}
.watupro-question-choice input[type=checkbox] + label, .watupro-question-choice input[type=radio] + label {
    font-size: inherit;
    padding: 4px 10px;
    margin: 0px 0px 0px 0px;
    font-size: 15px;
    line-height: 20px;
    text-align: inherit;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #52515191;
    background: #fff;
    color: #525151;
    min-width: 20%;
    max-width: 75%;
}
.watupro-question-choice input[type='radio'], .watupro-question-choice input[type='checkbox'] {
    margin-left: 0.25em;
    display: none !important;
}

.watupro-question-choice input[type=radio]:checked + label, .watupro-question-choice input[type=checkbox]:checked + label {
    background-image: none;
    outline: 0;
    background: #707070;
    color: #fff;
}
.watupro-question-choice.watupro-ansnum i {
    margin-right: 0.5rem !important;
    vertical-align: middle !important;
}
.question-content{
	font-weight:500;
	line-height: 2em;
}
.numBox {
    display: inline-block;
    color: white;
    text-align: center;
    background: #00247d;
    border-radius: 50%;
    height: 1.6em;
    width: 1.6em;
    margin-bottom: 3px;
    line-height: 1.6em;
    font-weight: bold;
}
span.watupro_num {
    float: left;
    color: white;
    text-align: center;
    background: #00247d;
    border-radius: 50%;
    height: 1.75em;
    width: 1.75em;
    padding: 0;
    margin: 0 0.5em 0 0;
    line-height: 1.75em;
    font-family: inherit !important;
    font-weight: bold;
}

.question-text{
	background:#f4f4f4; 
	padding:5px 8px !important; 
	margin: 5px 0px 20px 0px;
	font-weight:600;
}
.watupro-main-feedback {
    display: block;
    clear: both;
    background: #f0f0f0;
    border-radius: 4px;
    padding: 10px 10px !important;
    border: 1px solid #acacac;
}
.watupro-main-feedback span.correct-answer{
	color:#00247d;
	font-weight:600;
}
.watupro-unanswered{
	color:red;
}
#watupro_quiz h4{
	color:#000;	
}
.frame-with-words{
	padding:5px 10px; 
	border: 1px solid #000; 
	margin: 5px 0px 15px 0px !important; 
	font-weight:400;
}
/*End WATU PRO STYLE*/

.btn1{
	background: transparent;
	font-size: 16px;
	color:#fff; 
	border: 2px solid #ce1124;
	border-radius:30px;
	padding:10px 28px;
	font-weight:600;
	cursor: pointer;
	transition: 0.2s;
}
.btn1:hover{
	background: #ce1124;
}
.quform-element{
	color:#fff !important;
}
.quform-field{
	text-align:left !important;
	border-radius:4px !important;
	background-color: rgba(0, 0, 0, 0.5) !important;
	border:1px solid #3A4157 !important;
	color:#fff !important;
}

.quform-submit{
  background-color: #09a927 !important;
  border: 1px solid #09a927 !important;
  border-radius:4px !important;
  box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0 !important;
  box-sizing: border-box !important;
  color: #fff !important;
  cursor: pointer !important;
  font-family: "Akzidenz Grotesk BQ Medium", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  outline: none !important;
  outline: 0 !important;
  padding: 10px 25px !important;
  text-align: center !important;
  transform: translateY(0) !important;
  transition: transform 150ms, box-shadow 150ms !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

.quform-submit:hover{
  box-shadow: rgba(0, 0, 0, .15) 0 3px 9px 0 !important;
  transform: translateY(-2px) !important;
}

.active-kurs-link{
	color:#ce1124;
	font-weight:600;
	transform: translateX(6px) translateY(0px);
	display:inline-block;
}
.kurs-link{
	display:inline-block;
	transition: 0.2s !important;
	color: #000;
}
.kurs-link:hover{
	 transform: translateX(6px) translateY(0px);
	font-weight:600;
	color: #ce1124;
}

@media screen and (max-width: 920px) {
	.et_pb_menu .et_mobile_nav_menu {
		float: left !important;
		margin-left: 50%;
		z-index: 9999;
	}
	}



/* === Mini cart dropdown === */
.custom-mini-cart {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  width: 300px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  padding: 15px;
  z-index: 9999;
}

/* Pokaż mini cart po najechaniu */
.custom-cart-icon-wrapper:hover .custom-mini-cart {
  display: block;
}

/* Styl produktów w mini karcie */
.custom-mini-cart ul.cart_list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: auto;
}

.custom-mini-cart ul.cart_list li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 8px 0;
}

.custom-mini-cart ul.cart_list li img {
  width: 45px;
  height: auto;
  margin-right: 10px;
  border-radius: 4px;
}

.custom-mini-cart .quantity {
  color: #555;
  font-size: 13px;
}

/* Przyciski w mini karcie */
.mini-cart-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}

.mini-cart-btn,
.checkout-btn {
  flex: 1;
  text-align: center;
  background: #0073aa;
  color: #fff;
  padding: 8px 10px;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.3s ease;
  font-size: 14px;
  margin: 0 3px;
}

.mini-cart-btn:hover,
.checkout-btn:hover {
  background: #005f8d;
}

/* PODSTAWOWA KARTA PRODUKTU */

ul.products li.product.inverter-card {
    list-style: none;
}

/* Wrapper karty */
.inverter-card__inner {
    position: relative;
    height: 100%;
    border: 1px solid #ddd; /* delikatny żółty, dopasuj do motywu */
    background-color: #ffffff;
    padding: 25px 20px 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}

.inverter-card__inner:hover {
    border-color: #378936;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transform: translateY(-3px);
}

/* Obrazek */
.inverter-card__image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    min-height: 220px; /* dopasuj do swoich obrazków */
    position: relative;
}

.inverter-card__image {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Wstążka "New" */
.inverter-card__ribbon {
    position: absolute;
    top: 0;
    left: 0;
    background: #e53935;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    padding: 4px 14px;
    transform: translate(-1px, 12px) rotate(-45deg);
    transform-origin: left top;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* Tekst */
.inverter-card__content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.inverter-card__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 18px;
    min-height: 3.2em; /* zachowanie wysokości na 2 linijki */
}

.inverter-card__title a {
    color: #333;
    text-decoration: none;
}

.inverter-card__title a:hover {
    color: #000;
}

/* Cena – jeśli używasz */
.inverter-card__price {
    font-weight: 600;
    color: #111;
    margin-bottom: 14px;
}

/* Przycisk */
.inverter-card__button-wrap {
    margin-top: auto;
}

.inverter-card__button {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.06em;
    padding: 10px 14px;
    border-radius: 0;
    border: 1px solid #378936;
    color: #333;
font-weight: 500;
    text-decoration: none;
    background-color: #ffffff;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.inverter-card__button:hover {
    background-color: #378936;
    color: #ffffff !important;
    border-color: #378936;
}

/* Drobne poprawki dla siatki produktów Divi/Woo */
.woocommerce ul.products li.product.inverter-card .woocommerce-loop-product__title,
.woocommerce ul.products li.product.inverter-card .price,
.woocommerce ul.products li.product.inverter-card .button {
    display: none; /* ukrywamy domyślne tytuły/ceny/przyciski Woo jeśli wypluwa je moduł */
}

/* 5 kolumn w siatce Woo */
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product {
    width: 20%;
    clear: none !important;
}

/* awaryjnie – jeśli Woo nie ma klasy columns-5 */
.woocommerce ul.products li.product.inverter-card {
    width: 20%;
}
/* 1. Kontener główny - zapobiega poziomemu scrollowi strony */
.custom-product-carousel-wrap {
    position: relative;
    margin: 30px 0;
    padding: 40px 0 30px; /* Miejsce na cień i hover */
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

/* 2. Swiper musi widzieć slajdy, ale nie ucinamy ich cieni */
.custom-product-carousel-wrap .swiper {
    overflow: visible !important;
    width: 100%;
}

/* 3. Resetujemy strukturę listy WooCommerce wewnątrz slajdów */
.custom-product-carousel-wrap .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
}

.custom-product-carousel-wrap .swiper-slide {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    /* Wymuszamy, aby slajd zajmował tyle miejsca, ile wyliczy Swiper */
    width: auto; 
}

/* 4. KLUCZOWE: Resetujemy style  i  które psują szerokość */
.custom-product-carousel-wrap .swiper-slide ul.products {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
}

.custom-product-carousel-wrap .swiper-slide li.product.inverter-card {
    width: 100% !important; /* Karta musi zająć 100% szerokości slajdu Swipera */
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
    display: block !important;
    position: relative;
}

/* 5. Upewniamy się, że wewnętrzny wrapper karty ma odpowiedni wygląd */
.custom-product-carousel-wrap .inverter-card__inner {
    width: 100%;
    box-sizing: border-box;
}

/* 6. Strzałki nawigacji */
.custom-product-carousel-wrap .swiper-button-prev,
.custom-product-carousel-wrap .swiper-button-next {
    color: #378936;
    width: 44px;
    height: 44px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.custom-product-carousel-wrap .swiper-button-prev { left: 10px; }
.custom-product-carousel-wrap .swiper-button-next { right: 10px; }

.custom-product-carousel-wrap .swiper-button-prev:after,
.custom-product-carousel-wrap .swiper-button-next:after {
    font-size: 24px;
    font-weight: bold;
}



/* 7. Responsywność - poprawki dla mniejszych ekranów */
@media (max-width: 1024px) {
    .custom-product-carousel-wrap {
        padding: 40px 50px 30px;
    }
}

@media (max-width: 768px) {
    .custom-product-carousel-wrap {
        padding: 40px 40px 30px;
    }
}

.quform-spacer {
	padding-bottom: 0px !important;
}

/* ---------------------------
   Header user actions - clean
   --------------------------- */
.header-user-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end !important; /* wymuszamy wyrównanie do prawej */
  gap: 15px; /* odstęp między ikonami (nowoczesne przeglądarki) */
  min-height: 36px;
  height: auto;
}

/* Fallback gdy gap jest nadpisywane przez Divi:
   dodajemy odstęp tylko pomiędzy kolejnymi elementami */
.header-user-actions .header-action + .header-action {
  margin-left: 15px;
}

/* Każdy action jako flex, pozycja relative (dla .cart-count) */
.header-user-actions .header-action {
  display: flex;
  align-items: center;
  position: relative; /* potrzebne dla absolutnego .cart-count */
  margin: 0;
  padding: 0;
}

/* Ujednolicone rozmiary ikon (i oraz svg) i wyrównanie pionowe */
.header-user-actions i,
.header-user-actions svg {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  color: inherit;
  margin: 0;
  position: static !important;
  top: auto !important;
  transform: none !important;
}

/* Specyficzne klasy ikon (koszyk / user) - brak przesunięć */
.header-cart .cart-icon-svg,
.user-menu .user-icon-svg,
.header-user .user-icon-svg {
  width: 28px;
  height: 28px;
  transform: none;
  position: static;
  margin: 0;
}

/* Ikona + tekst (użytkownik) - wyrównanie i odstęp między ikoną a tekstem */
.user-icon {
  display: inline-flex;
  align-items: center;
  margin-right: 5px;
  position: relative;
  top: 5px !important;
  transform: none !important;
}

/* Tekst obok ikony - wymuszenie inline-block gdy Divi nadpisuje */
.header-user .user-name,
.header-user .login-text,
.header-user-actions .login-text,
.header-user-actions .user-name {
  display: inline-block !important;
  vertical-align: middle;
  line-height: 1;
  margin-left: 6px;
  color: #111;
  font-size: 15px;
  font-weight: 500;
  align-items: center;
}

/* Licznik koszyka - pozycjonowanie względem .header-action */
.cart-count {
  position: absolute;
  top: 70%;
  right: -16px; /* zwiększony odstęp od ikony */
  transform: translateY(-50%);
  background: #378936;
  color: #fff;
  border-radius: 50%;
  padding: 3px 7px; /* trochę szerszy padding */
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  min-width: 18px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  pointer-events: none; /* żeby licznik nie przeszkadzał w klikaniu ikony */
}

/* Linki / buttony w headerze nie dodają dodatkowych paddingów */
.header-user-actions a,
.header-user-actions button {
  color: inherit;
  text-decoration: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

/* Hover kolor dla ikon (koszyk / linki) */
.cart-link:hover .cart-icon-svg,
.header-action a:hover i,
.header-action a:hover svg {
  color: #378936;
}

/* Małe ekrany - dopasowanie rozmiarów */
@media (max-width: 480px) {
  .header-user-actions {
    gap: 10px;
  }
  .header-user-actions i,
  .header-user-actions svg {
    width: 20px;
    height: 20px;
  }
  .cart-count {
    right: -6px;
    padding: 2px 5px;
    font-size: 10px;
  }
}

@media (max-width: 480px) {
  .header-user-actions {
    gap: 10px;
    justify-content: center !important;
  }
  .header-user-actions i,
  .header-user-actions svg {
    width: 20px;
    height: 20px;
  }
  .cart-count {
    right: -6px;
    padding: 2px 5px;
    font-size: 10px;
  }
}

.header-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 30px; /* odstęp między elementami */
}

.logo-img {
  height: 80px;
}

@media (max-width: 768px) {
  .logo-img {
    height: 50px;
  }

  .header-flex {
    flex-wrap: nowrap;
  }

  .logo-wrapper,
  .button-wrapper {
    max-width: 48%;
    margin: 0;
  }
}

:root :where(.wp-element-button, .wp-block-button__link) {
	background: #378941 !important;
	color: #ffffff !important;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
	font-size: 15px !important;
}

/* etykieta */
.inverter-card__category-label {
    position: absolute;
    top: 12px;
    left: 12px;
    background-color: #f8f6e1 !important; /* subtelny szary */
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 8px;
    border-radius: 0px;
    z-index: 20;
    text-transform: uppercase;
    font-family: 'Open-Sans', sans-serif;
    pointer-events: none;
}
 

/* 7. Responsywność - poprawki dla mniejszych ekranów */
@media (max-width: 1024px) {
    .custom-product-carousel-wrap {
        padding: 40px 50px 30px;
    }
}

@media (max-width: 768px) {
    .custom-product-carousel-wrap {
        padding: 40px 40px 30px;
    }
}

.price-brutto-sub {
	font-size: 16px !important;
	color: #777 !important;
} 


.custom-checkout-info {
    display: flex;
    align-items: flex-start;
    /* Tło z przezroczystością 0.8, ale border pełny */
    background-color: rgba(0, 36, 125, 0.9); 
    border: 2px solid #00247d;
    border-radius: 10px;
    padding: 20px 25px;
    margin: 20px 0;
    font-family: inherit;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.custom-checkout-info .info-icon {
    margin-right: 15px;
    color: #ffffff;
    flex-shrink: 0;
    margin-top: 2px;
    opacity: 0.9;
}

.custom-checkout-info .info-content h3 {
    margin: 4px 0 8px 0 !important; /* Zmniejszony odstęp pod nagłówkiem */
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.custom-checkout-info .info-content p {
    margin: 0 0 6px 0 !important; /* Zmniejszony odstęp między wierszami */
    font-size: 14.5px !important;
    line-height: 1.4 !important; /* Bardziej zwarty tekst */
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Usunięcie ikonki ◎ przed paragrafami */
.custom-checkout-info .info-content p::before {
    display: none !important;
}

.custom-checkout-info .info-content p:last-child {
    margin-bottom: 0 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    margin-top: 10px !important; /* Lekki odstęp dla pożegnania */
}

/* Responsywność */
@media (max-width: 600px) {
    .custom-checkout-info {
        padding: 15px;
    }
}