.elementor-kit-21{--e-global-color-primary:#111111;--e-global-color-secondary:#86868B;--e-global-color-text:#1D1D1F;--e-global-color-accent:#000000;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.6em;--e-global-typography-primary-letter-spacing:-0.5px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.6em;--e-global-typography-secondary-letter-spacing:-0.2px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:13px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.5em;--e-global-typography-accent-letter-spacing:2px;}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{background-color:#000000;color:#FFFFFF;border-style:solid;border-radius:3px 3px 3px 3px;}.elementor-kit-21 button:hover,.elementor-kit-21 button:focus,.elementor-kit-21 input[type="button"]:hover,.elementor-kit-21 input[type="button"]:focus,.elementor-kit-21 input[type="submit"]:hover,.elementor-kit-21 input[type="submit"]:focus,.elementor-kit-21 .elementor-button:hover,.elementor-kit-21 .elementor-button:focus{background-color:#222222;}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.elementor-kit-21 img{border-radius:5px 5px 5px 5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Wymuszenie czarnego tła dla wszystkich przycisków dodawania do koszyka */
.woocommerce button.button, 
.woocommerce input.button, 
.elementor-widget-woocommerce-add-to-cart .button,
.woocommerce div.product form.cart .button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
}

/* Stan po najechaniu myszką */
.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.elementor-widget-woocommerce-add-to-cart .button:hover,
.woocommerce div.product form.cart .button:hover {
    background-color: #222222 !important;
    color: #ffffff !important;
}

/* Zmiana koloru ceny w całym sklepie */
.woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.elementor-widget-woocommerce-product-price .woocommerce-Price-amount {
    color: #111111 !important; /* Wpisz swój ulubiony kolor, np. czarny */
}

/* Zmiana koloru informacji o stanie (Na stanie / Dostępność) */
.woocommerce div.product p.stock,
.stock.in-stock,
.elementor-widget-woocommerce-product-stock .woocommerce-product-details__short-description + *,
.woocommerce-product-details__short-description .stock {
    color: #444444 !important; /* Stonowany grafit dla stanu magazynowego */
}

/* Zmiana koloru nazwy produktu na listach (kategoriach, archiwach, stronach głównych) */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title,
.ast-woo-shop-product-title,
.products .product h2,
.products .product h3 {
    color: #111111 !important; /* Głęboka czerń (możesz zmienić na np. #333333 dla ciemnego grafitu) */
}

/* Opcjonalnie: kolor po najechaniu myszką na nazwę produktu */
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title:hover {
    color: #555555 !important; /* Lekkie rozjaśnienie przy najechaniu */
}

/* Bezkompromisowe nadpisanie czerwonego bąbelka koszyka */
header .count, 
.site-header .count, 
.ast-site-header-cart-icon .count,
span.count,
div.count,
a.cart-contents .count {
    background-color: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
}
/* Wymuszenie czarnego tła dla bąbelka w widżecie Menu Cart od Elementora */
#elementor-menu-cart__toggle_button .elementor-button-icon[data-counter]:after,
.elementor-menu-cart__toggle .elementor-button-icon[data-counter]:after,
#elementor-menu-cart__toggle_button span.elementor-button-icon .elementor-button-number,
.elementor-menu-cart__wrapper .elementor-button-icon-qty {
    background-color: #111111 !important;
    color: #ffffff !important;
}

/* ==========================================
   ESTETYKA APPLE DLA KOSZYKA I ELEMENTÓW
   ========================================== */

/* Bąbel / Licznik koszyka w stylu Apple (Space Gray) */
#elementor-menu-cart__toggle_button .elementor-button-icon[data-counter]:after,
.elementor-menu-cart__toggle .elementor-button-icon[data-counter]:after,
#elementor-menu-cart__toggle_button span.elementor-button-icon .elementor-button-number,
.elementor-menu-cart__wrapper .elementor-button-icon-qty,
#elementor-menu-cart__toggle_button .elementor-button-number {
    background-color: #1d1d1f !important; /* Apple Space Black / Dark Gray */
    color: #f5f5f7 !important;           /* Apple Soft White */
    border-radius: 50px !important;      /* Perfekcyjnie zaokrąglona kapsułka Apple */
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", sans-serif !important;
}

/* Przyciski w stylu Apple (głęboki grafit, miękki hover) */
.woocommerce button.button, 
.woocommerce input.button, 
.elementor-widget-woocommerce-add-to-cart .button,
.woocommerce div.product form.cart .button {
    background-color: #1d1d1f !important;
    color: #ffffff !important;
    border-radius: 8px !important;       /* Delikatnie zaokrąglone rogi w stylu Apple UI */
    transition: background 0.2s ease !important;
}

.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.elementor-widget-woocommerce-add-to-cart .button:hover,
.woocommerce div.product form.cart .button:hover {
    background-color: #3a3a3c !important; /* Jaśniejszy grafit Apple przy najechaniu */
}
/* ==========================================
   POPRAWKA WYSKAKUJĄCEGO KOSZYKA (MENU CART)
   ========================================== */

/* 1. Zmniejszenie rozmiaru nazw produktów w koszyku na eleganckie, małe */
.elementor-menu-cart__product-name, 
.elementor-menu-cart__product-name a,
.widget_shopping_cart .woocommerce-mini-cart-item a {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #1d1d1f !important; /* Grafit Apple zamiast czerwieni */
}

/* 2. Usunięcie czerwonego koloru i nadpisanie na czerń/grafit w nagłówkach koszyka */
.elementor-menu-cart__product-name a:hover,
.widget_shopping_cart .woocommerce-mini-cart-item a:hover {
    color: #48484a !important;
}

/* 3. Zmniejszenie całej czcionki i cen produktów w panelu koszyka */
.elementor-menu-cart__product-price, 
.elementor-menu-cart__product-price .amount,
.elementor-menu-cart__subtotal {
    font-size: 13px !important;
    color: #6e6e73 !important; /* Subtelna szarość Apple */
}

/* 4. Zmniejszenie ilości i przycisków usuwania */
.elementor-menu-cart__product-quantity {
    font-size: 13px !important;
    color: #6e6e73 !important;
}

/* 5. Stylowe przyciski w wysuwanym koszyku (Przejdź do koszyka / Do kasy) */
.elementor-menu-cart__footer-buttons .elementor-button {
    background-color: #1d1d1f !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    padding: 12px 20px !important;
    border: none !important;
}

.elementor-menu-cart__footer-buttons .elementor-button:hover {
    background-color: #3a3a3c !important;
}
!important;
    font-weight: 600 !important; /* Półgruby, elegancki font */
    font-size: 32px !important;  /* Nowoczesny, nienachalny rozmiar */
    letter-spacing: -0.5px !important; /* Delikatne ściśnięcie liter (Apple style) */
    text-transform: none !important; /* Zapobiega wymuszaniu WSZYSTKICH DUŻYCH LITER przez motyw */
    margin-bottom: 25px !important;
}

tem__product > div > a {
    color: #1d1d1f !important; /* Głęboki grafit */
    text-decoration: none !important;
    font-weight: 500 !important;
}





/* ==========================================
   PERFEKCYJNY KOSZYK - WYRÓWNANIE I KOLORY
   ========================================== */

/* 1. Całkowite wymuszenie wyrównania kontenera "Koszyk" do lewej krawędzi */
body.woocommerce-cart #content .page-header {
    text-align: left !important;
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;       /* Usuwa domyślne środkowanie kontenera przez marginesy (0 auto) */
    padding: 0 !important;      /* Usuwa wewn. odstępy środkujące */
}

/* 2. Formatowanie samego napisu H1 "Koszyk" */
body.woocommerce-cart #content .page-header h1.entry-title {
    text-align: left !important;
    color: #1d1d1f !important;
    font-size: 32px !important; 
    font-weight: 600 !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}

/* 3. Zmiana czerwonego koloru nazw produktów w tabeli koszyka (na styl Apple) */
.wc-block-cart-items .wc-block-cart-item__product a,
.wc-block-components-product-name {
    color: #1d1d1f !important; 
    text-decoration: none !important;
    font-weight: 500 !important;
}

/* Kolor linków przy najeżdżaniu kursorem */
.wc-block-cart-items .wc-block-cart-item__product a:hover,
.wc-block-components-product-name:hover {
    color: #6e6e73 !important;
}





/* ==========================================
   IDEALNE WYRÓWNANIE I ODSTĘPY KOSZYKA
   ========================================== */

/* 1. Globalny kontener strony koszyka - kontroluje marginesy od krawędzi */
body.woocommerce-cart #content {
    max-width: 1200px !important; /* Dopasuj szerokość, jeśli Twoja strona jest szersza/węższa */
    margin: 0 auto !important;
    padding: 30px 20px !important; /* Górny/dolny odstęp oraz marginesy boczne */
    box-sizing: border-box !important;
}

/* 2. Nagłówek "Koszyk" - idealnie w jednej linii z resztą treści */
body.woocommerce-cart .site-main > .page-header {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

body.woocommerce-cart .site-main > .page-header h1.entry-title {
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Sam blok koszyka WooCommerce (tabela + podsumowanie) */
body.woocommerce-cart .wp-block-woocommerce-cart {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}/* End custom CSS */