/*
Theme Name: Cold World
Author: Przemysław Mrozek
Description: czysty motyw
Version: 1.2
*/

/* =========================================
   1. BAZA
   ========================================= */

:root {
    /* Paleta kolorĂłw */
    --clr-brand: #0284C7;
    --clr-brand-hover: #026EAA;
    --clr-bg-dark: #0F172A;
    --clr-bg-light: #f8fafc;
    --clr-text-main: #475569;
    --clr-heading: #0f172a;

    /* Spacing / Grid */
    --container-max: 1200px;
    --section-pad: 100px;

    /* Promienie zaokrągleń (Radius) */
    --radius-card: 12px;
    --radius-btn: 50px;

    /* Z-index system */
    --z-behind: -1;
    --z-normal: 1;
    --z-sticky: 100;
    --z-header: 200;
    --z-modal: 300;
    --z-toast: 400;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/inter-v20-latin-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/inter-v20-latin-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/inter-v20-latin-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/inter-v20-latin-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('fonts/inter-v20-latin-800.woff2') format('woff2');
}

html {
    background-color: #0F172A;
    overflow-x: hidden;
}

body {
    background-color: #0F172A;
}

#cw-page-wrapper {
    animation: contentFadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    transform-origin: center 15vh;
}

@keyframes contentFadeIn {
    0% {
        opacity: 0;
        transform: scale(1.01);
        filter: blur(4px);
    }

    100% {
        opacity: 1;
        transform: scale(1);
        filter: blur(0);
    }
}

html,
body {
    scroll-snap-type: none !important;
}

html:has(body.home),
body.home {
    scroll-behavior: smooth;
}

.final-cta-section {
    scroll-snap-align: none !important;
}

body.home .final-cta-section {
    scroll-snap-align: center !important;
}

.admin-bar html {
    scroll-padding-top: 32px;
}

body,
html {
    margin: 0;
    padding: 0;
    background-color: var(--clr-bg-dark);
    color: #f1f5f9;
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

img {
    max-width: 100%;
}

.snap-section {
    min-height: auto;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

/* =========================================
   16. MEDIA QUERIES (RESPONSYWNOŚĆ CAŁOŚCI)
   ========================================= */

@media (max-width: 900px) {
    html {
        scroll-snap-type: none;
    }

    .snap-section {
        height: auto;
        min-height: auto;
        padding: 100px 0 50px 0;
        justify-content: flex-start;
    }

    .hero-section {
        padding-top: 140px;
        padding-bottom: 80px;
    }

    .marine-offer-container {
        gap: 40px;
    }

    .marine-offer-top-row {
        flex-direction: column;
        gap: 40px;
    }

    .marine-offer-features-grid {
        grid-template-columns: 1fr;
    }

    .marine-offer-content h2 {
        font-size: 32px;
    }

    .projects-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .form-wrapper {
        padding: 30px 20px;
    }
}

@media (max-width: 768px) {

    .hero-content p {
        font-size: 16px;
    }

    .hero-buttons {
        flex-direction: column-reverse;
        gap: 15px;
    }

    .hero-btn-primary,
    .hero-btn-secondary {
        width: 100%;
        text-align: center;
    }

    .projects-grid {
        grid-template-columns: 1fr;
    }

    .final-cta-content h2 {
        font-size: 36px;
    }

    .cta-actions {
        flex-direction: column;
        gap: 25px;
    }

    .cta-actions a {
        font-size: 15px;
        white-space: normal;
        word-wrap: break-word;
    }
}

@media (max-width: 480px) {
    .custom-glass-header {
        width: calc(100% - 30px);
        padding: 8px 20px;
        box-sizing: border-box;
    }

    .custom-glass-header .logo img {
        height: 34px;
        width: auto;
        max-width: none;
    }

    .language-switcher-text {
        font-size: 13px;
        gap: 5px;
        margin-right: 10px;
    }

    .custom-glass-header button {
        margin-right: 0;
        right: 0;
        transform: scale(0.85);
    }


    .hero-btn-primary {
        width: 100%;
        font-size: 14px !important;
        padding: 14px 10px !important;
        white-space: normal !important;
        text-align: center;
        box-sizing: border-box;
    }
}

.map-facade-container {
    position: relative;
    width: 100%;
    height: 450px;
    background-color: #f1f5f9;
    background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
    background-size: 20px 20px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.05);
}

.map-facade-trigger {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    transition: opacity 0.3s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 1000px rgba(15, 23, 42, 0.15);
}

.map-iframe-wrapper {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.map-iframe-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.single-realizacja section p a,
.single-realizacja section li a {
    color: #00A3FF !important;
    text-decoration: none !important;
    font-weight: 600;
    transition: color 0.3s ease, border-bottom 0.3s ease;
    border-bottom: 1px solid transparent;
}

.single-realizacja section p a:hover,
.single-realizacja section li a:hover {
    color: #007ACC !important;
    border-bottom: 1px solid #007ACC !important;
}

/* =========================================
   ACCESSIBILITY
   ========================================= */
a.mobile-cta,
a.hero-btn-primary,
a.offer-btn {
    background-color: #005bb5 !important;
    color: #ffffff !important;
}

a.mobile-cta:hover,
a.hero-btn-primary:hover,
a.offer-btn:hover {
    background-color: #004a99 !important;
}

a.outline-btn {
    color: #005bb5 !important;
    border-color: #005bb5 !important;
}

a.outline-btn:hover {
    background-color: #005bb5 !important;
    color: #ffffff !important;
}

.contact-card-light h3 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #0f172a;
}

/* =========================================
   18. WOOCOMMERCE - LAYOUT SKLEPU I KAFELKI (BEZ TAILWINDA)
   ========================================= */

/* Usunięto stare klasy kontenerów, układu sklepu i kafelków maszyn (zastąpione przez Tailwind) */

/* =========================================
   SIDEBAR FILTRY - LOVABLE DESIGN (1:1) - FINAL
   ========================================= */

/* --- 1. SEPARATORY (Linie oddzielające - Zagęszczone) --- */

/* Usuwamy liniÄ™ pod ostatnim kontenerem nad przyciskiem Reset */

/* --- 2. NAGŁÓWKI SEKCJI (Mniejsze odstępy do dołu) --- */

/* Twarde wstrzyknięcie napisu "Cena" nad suwakiem */

/* Twarde wstrzyknięcie "Dostępność" nad opcją "Na stanie" */

/* Łączymy "Na stanie" i "Promocję" w jedną sekcję (całkowite klejenie kontenerów) */

/* Wymuszamy, aby Promocja nie dodawała własnego światła od góry */

/* --- 3. KULOODPORNE CHECKBOXY (Shadcn Square Style) --- */
.woof input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    margin: 0 8px 0 0 !important;
    /* Zmniejszono odstęp kwadratu od tekstu (do 8px) */
    cursor: pointer !important;
    display: inline-block !important;
    position: relative !important;
    outline: none !important;
}

/* Stan zaznaczony - Ciemny granat */
.woof input[type="checkbox"]:checked {
    border-color: #0f172a !important;
    background-color: #0f172a !important;
}

/* Ptaszek w środku przy zaznaczeniu */
.woof input[type="checkbox"]:checked::after {
    content: "" !important;
    position: absolute !important;
    left: 5px !important;
    top: 1px !important;
    width: 5px !important;
    height: 10px !important;
    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
    display: block !important;
    background: transparent !important;
    border-radius: 0 !important;
}

/* --- 4. UKŁAD LISTY (Checkboxy i Etykiety) --- */

.woof label {
    font-size: 14px !important;
    color: #0f172a !important;
    /* Mocniejszy kolor jak w Lovable */
    cursor: pointer !important;
    font-weight: 400 !important;
    /* Wymuszona "normalna" grubość */
    line-height: 1.2 !important;
    /* Lepsze centrowanie w pionie z checkboxem */
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ukrywamy domyślny licznik Husky'ego w nawiasach */

/* --- 5. SUWAK CENY --- */

/* --- 6. PRZYCISK RESET (Dolny) --- */

/* =========================================
   SIATKA PRODUKTÓW - CAŁKOWITE NADPISANIE WOOCOMMERCE
   ========================================= */

/* 1. Morderstwo starych floatĂłw i clearfixĂłw */
.cw-products-grid ul.products::before,
.cw-products-grid ul.products::after {
    display: none !important;
}

/* 2. Wymuszenie twardego, nowoczesnego CSS Grid */
.cw-products-grid ul.products {
    display: grid !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 640px) {
    .cw-products-grid ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1280px) {
    .cw-products-grid ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* 3. Wymuszenie równej wysokości każdego kafelka (Flexbox) */
.cw-products-grid ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
    /* To usuwa problem "haczenia" */
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Gwarancja, że wewnętrzny kontener wypchnie przycisk na sam dół */
.cw-products-grid ul.products li.product>.flex-1 {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

/* =========================================
   KAFELKI PRODUKTĂ“W - FORMATOWANIE CENY
   ========================================= */

.cw-price-wrapper {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

/* Stara przekreślona cena u góry */
.cw-price-wrapper del {
    font-size: 12px !important;
    color: #64748b !important;
    /* Szary muted z Tailwinda */
    font-weight: 400 !important;
    text-decoration: line-through !important;
    margin-bottom: 2px !important;
}

/* Nowa promocyjna cena */
.cw-price-wrapper ins {
    font-size: 18px !important;
    color: #0f172a !important;
    /* Ciemny text-foreground */
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Ukrycie dodatkowego napisu z WooCommerce jeśli występuje */
.cw-price-wrapper .woocommerce-Price-currencySymbol {
    font-weight: inherit !important;
}

/* =========================================
   KAFELKI PRODUKTĂ“W - NAPRAWA PRZYCISKU AJAX
   ========================================= */

/* 1. Całkowite ukrycie wstrzykiwanego linku "Zobacz koszyk" */
.cw-products-grid a.added_to_cart {
    display: none !important;
}

/* 2. Subtelny stan ładowania (zamiast standardowego kręciołka WC) */
.cw-products-grid .ajax_add_to_cart.loading {
    opacity: 0.7 !important;
    pointer-events: none !important;
    cursor: wait !important;
}

/* 3. Zablokowanie niebieskiej obwódki (focus) po kliknięciu */
.cw-products-grid .ajax_add_to_cart:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* =========================================
   ANIMACJE UX - PRZYCISK KOSZYKA (SMOOTH SLIDE)
   ========================================= */

/* Kontener przycisku musi ukrywać to, co z niego wyjeżdża */
.cw-animated-btn {
    position: relative !important;
    overflow: hidden !important;
}

/* Warstwy przycisku - domyślna i po dodaniu */
.cw-btn-default {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}

.cw-btn-success {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* Warstwa sukcesu jest domyślnie schowana na dole */
.cw-btn-success {
    position: absolute !important;
    top: 0;
    left: 0;
    transform: translateY(100%);
    opacity: 0;
}

/* STAN AKTYWNY (Po kliknięciu) */
/* Stary tekst wyjeĹĽdĹĽa do gĂłry i znika */
.cw-added-state .cw-btn-default {
    transform: translateY(-100%);
    opacity: 0;
}

/* Nowy tekst (Dodano!) wjeżdża z dołu */
.cw-added-state .cw-btn-success {
    transform: translateY(0);
    opacity: 1;
}

/* Zielone tło dla całego przycisku po dodaniu do koszyka */
.cw-added-state {
    background-color: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
}

/* =========================================
   SIDE CART - STYLOWANIE FRAGMENTĂ“W WOOCOMMERCE
   ========================================= */

/* Lista produktĂłw w koszyku */

/* Pojedynczy produkt (Kafelek w koszyku) */

/* Zdjęcie produktu w koszyku */

/* Tytuł i ilość/cena produktu */

/* Tekst z ilością i ceną (np. 1 x 50,00 zł) */

/* Kolor samej ceny w quantity */

/* KrzyĹĽyk usuwania produktu */

/* Podsumowanie (Kwota całkowita) */
.widget_shopping_cart_content .total {
    border-top: 1px solid #e2e8f0 !important;
    padding: 20px 0 16px 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    margin-bottom: 0 !important;
}

.widget_shopping_cart_content .total strong {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
}

.widget_shopping_cart_content .total .amount {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* Przyciski na dole koszyka (Zobacz Koszyk / Zamówienie) */
.widget_shopping_cart_content .buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.widget_shopping_cart_content .buttons a {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 100% !important;
    height: 40px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Ukrycie dodatkowego napisu z WooCommerce jeśli występuje */
.cw-price-wrapper .woocommerce-Price-currencySymbol {
    font-weight: inherit !important;
}

/* =========================================
   KAFELKI PRODUKTÓW - NAPRAWA PRZYCISKU AJAX
   ========================================= */

/* 1. Całkowite ukrycie wstrzykiwanego linku "Zobacz koszyk" i domyślnego znaczka "Dodano" */
a.added_to_cart,
.added::after {
    display: none !important;
}

/* 2. Subtelny stan ładowania (zamiast standardowego kręciołka WC) */
.cw-products-grid .ajax_add_to_cart.loading {
    opacity: 0.7 !important;
    pointer-events: none !important;
    cursor: wait !important;
}

/* 3. Zablokowanie niebieskiej obwódki (focus) po kliknięciu */
.cw-products-grid .ajax_add_to_cart:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* =========================================
   SIDE CART - STYLOWANIE FRAGMENTĂ“W WOOCOMMERCE
   ========================================= */

/* Lista produktĂłw w koszyku */

/* Pojedynczy produkt (Kafelek w koszyku) */

/* Zdjęcie produktu w koszyku */

/* Tytuł i ilość/cena produktu */

/* Tekst z ilością i ceną (np. 1 x 50,00 zł) */

/* Kolor samej ceny w quantity */

/* KrzyĹĽyk usuwania produktu */

/* Podsumowanie (Kwota całkowita) */
.widget_shopping_cart_content .total {
    border-top: 1px solid #e2e8f0 !important;
    padding: 20px 0 16px 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    margin-bottom: 0 !important;
}

.widget_shopping_cart_content .total strong {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
}

.widget_shopping_cart_content .total .amount {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* Przyciski na dole koszyka (Zobacz Koszyk / ZamĂłwienie) */
.widget_shopping_cart_content .buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.widget_shopping_cart_content .buttons a {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 100% !important;
    height: 40px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}

/* Przycisk "Zobacz koszyk" (Zwykły zarys) */
.widget_shopping_cart_content .buttons a:first-child {
    background: transparent !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

.widget_shopping_cart_content .buttons a:first-child:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

/* Przycisk "ZamĂłwienie/Checkout" (GĹ‚Ăłwny ciemny) */
.widget_shopping_cart_content .buttons a.checkout {
    background: #0f172a !important;
    border: none !important;
    color: #ffffff !important;
}

.widget_shopping_cart_content .buttons a.checkout:hover {
    background: #1e293b !important;
}

/* =========================================
   KARTA PRODUKTU (PANCERNY DESIGN LOVABLE)
   ========================================= */

/* 1. Reset Ceny i TekstĂłw */
/* =========================================
   GALERIA ZDJĘĆ LOVABLE (Aspect 4/3 + Grid)
   ========================================= */
/* =========================================
   KOSZYK I PRZYCISKI (+/-)
   ========================================= */
/* Usunieto stary uklad sklepu - wdrozenie Tailwind */
/* =========================================
   SINGLE PRODUCT LAYOUT (VANILLA CSS)
   ========================================= */

/* =========================================
   SIDE CART — OVERLAY & PANEL
   ========================================= */

.cw-cart-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(15, 23, 42, 0.4);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.cw-cart-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.cw-side-cart {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: 400px;
    background-color: #ffffff;
    box-shadow: -4px 0 25px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
}

.cw-side-cart.is-open {
    transform: translateX(0);
}

.cw-side-cart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #f1f5f9;
}

.cw-side-cart-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #0f172a;
}

.cw-side-cart-title h2 {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.cw-close-cart-btn {
    color: #94a3b8;
    padding: 8px;
    border-radius: 6px;
    border: none;
    background: none;
    cursor: pointer;
    transition: color 0.2s ease;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cw-close-cart-btn:hover {
    color: #0f172a;
}

.cw-close-cart-btn:focus-visible {
    box-shadow: 0 0 0 2px #e2e8f0;
}

.cw-side-cart-body {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

/* =========================================
   CART COUNTER BADGE
   ========================================= */

.cw-cart-count {
    position: absolute;
    right: -8px;
    top: -8px;
    display: flex;
    height: 20px;
    min-width: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: #111827;
    padding: 0 6px;
    font-size: 11px;
    font-weight: 700;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    line-height: 1;
}

.cw-cart-count.hidden {
    display: none;
}

/* =========================================
   WIDGET SIDEBAR — TITLES
   ========================================= */

.cw-widget {
    margin-bottom: 24px;
}

.cw-widget-title {
    font-size: 16px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}



/* Ukrycie domyślnego breadcrumb WooCommerce */
.woocommerce-breadcrumb {
    display: none !important;
}

/* =========================================
   ZAKĹ ADKI (TABS) KARTA PRODUKTU
   ========================================= */
/* =========================================
   OPINIE (REVIEWS) KARTA PRODUKTU
   ========================================= */

/* GĹ‚Ăłwny kontener opinii */
#reviews {
    margin-top: 20px;
}

/* Ukrycie domyślnego nagłówka "Opinie" */
#reviews #comments>h2,
#reviews #comments>h2.woocommerce-Reviews-title {
    display: none;
}

/* --- Sekcja Podsumowania (Wtyczka Customer Reviews itp.) --- */

/* --- Lista opinii (Karty) --- */
#reviews #comments ol.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

#reviews #comments ol.commentlist li.review {
    /* Styles removed to allow Tailwind CSS in content-single-product.php to apply */
}

#reviews #comments ol.commentlist li.review:last-child {
    /* Styles removed to allow Tailwind CSS to apply */
}

/* --- Awatar --- */
/* (Przeniesione do Tailwind) */

/* --- Nagłówek opinii (Autor, Data) --- */
#reviews #comments ol.commentlist li.review .meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 12px;
    color: #64748b;
    font-size: 13px;
    padding-right: 100px;
    /* Zostawia miejsce na gwiazdki z prawej strony */
}

#reviews #comments ol.commentlist li.review .meta strong.woocommerce-review__author {
    font-weight: 700;
    color: #0f172a;
    font-size: 16px;
    margin-right: 12px;
    display: block;
    width: 100%;
}

#reviews #comments ol.commentlist li.review .meta time.woocommerce-review__published-date {
    display: block;
    width: 100%;
    margin-top: 4px;
    color: #94a3b8;
}

/* Ukrycie plakietki "Zweryfikowany", by było czyściej */
#reviews #comments ol.commentlist li.review .meta .woocommerce-review__verified {
    display: none;
}

/* --- Treść opinii --- */
#reviews #comments ol.commentlist li.review .description {
    color: #475569;
    font-size: 15px;
    line-height: 1.6;
}

#reviews #comments ol.commentlist li.review .description p {
    margin: 0;
}

/* --- Formularz dodawania opinii --- */
#review_form_wrapper {
    margin-top: 40px;
    background: #f8fafc;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

#review_form_wrapper .comment-reply-title {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 20px;
    display: block;
}

#review_form_wrapper .comment-form-rating {
    margin-bottom: 20px;
}

#review_form_wrapper .comment-form-rating label {
    font-weight: 600;
    color: #334155;
    margin-bottom: 10px;
    display: block;
}

#review_form_wrapper p.stars a {
    color: #fbbf24;
}

#review_form_wrapper .comment-form-comment label {
    display: none;
}

#review_form_wrapper .comment-form-comment textarea {
    width: 100%;
    min-height: 120px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    font-family: inherit;
    font-size: 15px;
    color: #334155;
    resize: vertical;
}

#review_form_wrapper .comment-form-comment textarea:focus {
    outline: none;
    border-color: #00A3FF;
    box-shadow: 0 0 0 3px rgba(0, 163, 255, 0.1);
}

#review_form_wrapper .form-submit .submit {
    background-color: #00A3FF;
    color: #ffffff;
    border: none;
    padding: 12px 28px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#review_form_wrapper .form-submit .submit:hover {
    background-color: #0082CC;
    transform: translateY(-2px);
}

/* --- Nowa Karta Podsumowania (WĹ‚asna, nad opiniami) --- */
.cw-reviews-summary-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);
    display: flex;
    gap: 40px;
    align-items: center;
}

@media (max-width: 768px) {
    .cw-reviews-summary-card {
        flex-direction: column;
        gap: 30px;
    }
}

.cw-summary-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #e2e8f0;
    padding-right: 40px;
    min-width: 200px;
}

@media (max-width: 768px) {
    .cw-summary-left {
        border-right: none;
        border-bottom: 1px solid #e2e8f0;
        padding-right: 0;
        padding-bottom: 30px;
        min-width: 100%;
    }
}

.cw-summary-left .cw-avg-rating {
    font-size: 56px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1;
    margin-bottom: 8px;
    letter-spacing: -1px;
}

.cw-summary-left .cw-stars-wrapper {
    margin-bottom: 8px;
}

.cw-summary-left .cw-reviews-count {
    color: #64748b;
    font-size: 13px;
}

.cw-summary-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cw-rating-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cw-star-label {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #64748b;
    font-size: 13px;
    font-weight: 500;
    width: 25px;
    /* stała szerokość by równo wyśrodkować paski */
}

.cw-star-label svg {
    margin-bottom: 2px;
}

.cw-bar-container {
    flex: 1;
    background: #f1f5f9;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
}

.cw-bar-fill {
    background: #fbbf24;
    height: 100%;
    border-radius: 4px;
}

.cw-percent-label {
    color: #64748b;
    font-size: 13px;
    width: 30px;
    text-align: right;
}

/* =========================================
   POWIÄ„ZANE PRODUKTY (RELATED PRODUCTS)
   ========================================= */
.related.products>h2,
section.related.products>h2,
.cw-related-products-section h2 {
    color: var(--clr-heading, #0f172a) !important;
}

/* Naprawa siatki produktów - usuwa puste miejsce generowane przez domyślny clearfix WooCommerce (::before i ::after) przy użyciu Flexbox/Grid */
ul.products::before,
ul.products::after {
    display: none !important;
}

/* Komunikat pustego koszyka */
.woocommerce-mini-cart__empty-message {
    color: var(--clr-heading, #0f172a) !important;
}

/* =========================================
   WOOCOMMERCE NOTICES
   ========================================= */

.woocommerce-message {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 16px 20px 16px 52px !important;
    color: #0f172a !important;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02) !important;
    margin-bottom: 24px !important;
    clear: both;
}

.woocommerce-message::before {
    content: "" !important;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}

.woocommerce-message .button {
    float: right;
    margin-top: -6px;
    margin-left: 16px;
    background: #f1f5f9;
    border: none;
    color: #0f172a;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s;
    white-space: nowrap;
}
.woocommerce-message .button:hover {
    background: #e2e8f0;
}

/* =========================================
   THANK YOU PAGE (ORDER RECEIVED)
   ========================================= */
.cw-custom-thankyou {
    max-width: 800px;
    margin: 80px auto;
    padding: 0 20px;
    font-family: var(--font-primary);
}

.cw-thankyou-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cw-thankyou-header {
    text-align: center;
    margin-bottom: 40px;
}

.cw-thankyou-icon {
    width: 80px;
    height: 80px;
    background-color: #d1fae5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    color: #059669;
}

.cw-thankyou-title {
    font-size: 32px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 12px;
}

.cw-thankyou-subtitle {
    font-size: 16px;
    color: #64748b;
}

.cw-thankyou-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    width: 100%;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    margin-bottom: 30px;
}

.cw-thankyou-card-top {
    display: flex;
    justify-content: space-between;
    padding: 24px 32px;
    border-bottom: 1px solid #e2e8f0;
}

.cw-thankyou-order-info,
.cw-thankyou-amount-info {
    display: flex;
    flex-direction: column;
}

.cw-thankyou-amount-info {
    text-align: right;
}

.cw-thankyou-card-top .label {
    font-size: 12px;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}

.cw-thankyou-card-top .value {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
}

.cw-thankyou-steps {
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cw-thankyou-step {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.step-icon {
    width: 40px;
    height: 40px;
    background: #f1f5f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #475569;
    flex-shrink: 0;
}

.step-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 2px;
}

.step-text strong {
    font-size: 15px;
    color: #0f172a;
    font-weight: 600;
}

.step-text span {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
}

.cw-thankyou-actions {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-bottom: 60px;
}

.cw-btn-navy {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #0f172a;
    color: #ffffff;
    padding: 14px 28px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s;
}

.cw-btn-navy:hover {
    background: #1e293b;
    color: #ffffff;
}

.cw-btn-white {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #0f172a;
    border: 1px solid #e2e8f0;
    padding: 14px 28px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.2s, background 0.2s;
}

.cw-btn-white:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a;
}

@media (max-width: 640px) {
    .cw-thankyou-card-top {
        flex-direction: column;
        gap: 20px;
    }

    .cw-thankyou-amount-info {
        text-align: left;
    }

    .cw-thankyou-actions {
        flex-direction: column;
        width: 100%;
    }

    .cw-thankyou-actions a {
        justify-content: center;
        width: 100%;
    }
}


/* ---------- THANK YOU WOO NATIVE DETAILS ---------- */
.cw-custom-thankyou .woocommerce-order-details {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 32px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

.cw-custom-thankyou .woocommerce-order-details__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
    color: #0f172a;
}

.cw-custom-thankyou .woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

.cw-custom-thankyou .woocommerce-table--order-details th,
.cw-custom-thankyou .woocommerce-table--order-details td {
    padding: 16px 0;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    color: #334155;
}

.cw-custom-thankyou .woocommerce-table--order-details th {
    font-weight: 600;
    color: #0f172a;
}

.cw-custom-thankyou .woocommerce-table--order-details tfoot th {
    text-align: left;
    padding-top: 24px;
}

.cw-custom-thankyou .woocommerce-customer-details {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 32px;
    margin-bottom: 60px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

.cw-custom-thankyou .woocommerce-customer-details h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
    color: #0f172a;
}

.cw-custom-thankyou .woocommerce-columns--addresses {
    display: flex;
    gap: 32px;
}

.cw-custom-thankyou .woocommerce-column--billing-address,
.cw-custom-thankyou .woocommerce-column--shipping-address {
    flex: 1;
}

.cw-custom-thankyou .woocommerce-column__title {
    font-size: 16px;
    font-weight: 600;
    color: #475569;
    margin-bottom: 16px;
}

.cw-custom-thankyou address {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    font-style: normal;
    color: #334155;
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    gap: 8px;
}



.cw-custom-thankyou .woocommerce-customer-details--phone,
.cw-custom-thankyou .woocommerce-customer-details--email {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    color: #475569;
}

.cw-custom-thankyou .woocommerce-customer-details--phone::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

.cw-custom-thankyou .woocommerce-customer-details--email::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 768px) {
    .cw-custom-thankyou .woocommerce-columns--addresses {
        flex-direction: column;
    }
}

/* =========================================
   LOGIN & REGISTER PAGE (MY ACCOUNT)
   ========================================= */
.cw-login-wrapper {
    max-width: 500px;
    margin: 80px auto;
    padding: 0 20px;
    font-family: var(--font-primary);
}

.cw-login-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

.cw-login-tabs {
    display: flex;
    border-bottom: 1px solid #e2e8f0;
    background-color: #f8fafc;
}

.cw-login-tab {
    flex: 1;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    outline: none;
}

.cw-login-tab:hover {
    color: #0f172a;
    background-color: #f1f5f9;
}

.cw-login-tab.active {
    color: #0f172a;
    border-bottom-color: #0f172a;
    background-color: #ffffff;
}

.cw-login-no-tabs-title {
    padding: 32px 32px 0 32px;
    text-align: center;
}

.cw-login-no-tabs-title h2 {
    font-size: 24px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.cw-login-panels {
    padding: 32px;
}

.cw-login-panel {
    display: none;
}

.cw-login-panel.active {
    display: block;
}

/* Form Styles */
.cw-login-panel form {
    margin: 0;
}

.cw-login-panel .form-row {
    margin-bottom: 20px;
}

.cw-login-panel .form-row-wide {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cw-login-panel label {
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 4px;
}

.cw-login-panel label .required {
    color: #ef4444;
    text-decoration: none;
}

.cw-login-panel input.input-text {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 15px;
    color: #0f172a;
    background-color: #ffffff;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

.cw-login-panel input.input-text:focus {
    outline: none;
    border-color: #0f172a;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.1);
}

.cw-login-panel .cw-form-actions-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px;
}

.cw-login-panel .woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    color: #475569;
    cursor: pointer;
    user-select: none;
    margin: 0;
}

.cw-login-panel .woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #cbd5e1;
    accent-color: #0f172a;
    cursor: pointer;
    margin-bottom: 0;
}

.cw-login-panel button[type="submit"] {
    width: 100%;
    background: #0f172a;
    color: #ffffff;
    border: none;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    margin-top: 8px;
}

.cw-login-panel button[type="submit"]:hover {
    background: #1e293b;
}

.cw-login-panel .lost_password {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0;
}

.cw-login-panel .lost_password a {
    font-size: 14px;
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s;
}

.cw-login-panel .lost_password a:hover {
    color: #0f172a;
    text-decoration: underline;
}

.cw-register-password-notice {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 20px;
}

/* Error messages adaptation */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
    max-width: 500px;
    margin: 20px auto !important;
    border-radius: 12px !important;
    padding: 16px 24px 16px 52px !important;
    font-family: var(--font-primary);
}

/* =========================================
   GUTENBERG BLOCK WRAPPERS FIX (WP 6+)
   ========================================= */
.modern-page-hero>.wp-block-group__inner-container {
    display: contents;
}

/* =========================================
   UKRYCIE SYSTEMOWYCH SUWAKÓW I STRZAŁEK
   ========================================= */
/* Hide scrollbars inside tabs */
#tab-opis *,
#tab-specyfikacja *,
#tab-opinie *,
.cw-tab-content *,
.cw-tab-content {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

#tab-opis *::-webkit-scrollbar,
#tab-specyfikacja *::-webkit-scrollbar,
#tab-opinie *::-webkit-scrollbar,
.cw-tab-content *::-webkit-scrollbar,
.cw-tab-content::-webkit-scrollbar {
    display: none !important;
}

/* Hide spin buttons (up/down arrows) on all number inputs globally */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

input[type="number"] {
    -moz-appearance: textfield !important;
}

/* Nadpisanie tla ladowania WooCommerce (blockUI) w koszyku */
.cw-side-cart .blockUI.blockOverlay,
.widget_shopping_cart_content .blockUI.blockOverlay {
    background-color: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(4px);
    opacity: 1 !important;
}


/* Ukrycie domyslnego badge WooCommerce (zastepujemy go wlasnym) */
.onsale {
    display: none !important;
}


/* Poprawka koloru naglowkow w filtrach WOOF (sidebar) */
.woof_container_inner h4 {
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
}

/* Custom WooCommerce Loader */
.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before {
  --color-1: #0284c7 !important;
  --size: 1px;
  content: "" !important;
  width: calc(48 * var(--size)) !important;
  height: calc(48 * var(--size)) !important;
  border: calc(5 * var(--size)) solid var(--color-1) !important;
  border-bottom-color: transparent !important;
  border-radius: 50% !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  animation: cw-rotation 1s linear infinite !important;
  background: transparent !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin-top: calc(-24 * var(--size)) !important;
  margin-left: calc(-24 * var(--size)) !important;
}

@keyframes cw-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* Dodanie naglowka Dostepnosc przed checkboxami na stanie (WOOF) */
.woof_checkbox_instock_container::before {
    content: "Dostępność";
    display: block;
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
}

/* Ukrycie powiadomienia "Dodano do koszyka" na samej stronie koszyka */
.woocommerce-cart .woocommerce-message:has(.wc-forward) {
    display: none !important;
}


/* Separatory pomiedzy sekcjami w filtrach WOOF */
.woof_container:not(:last-child) {
    border-bottom: 1px solid #e2e8f0 !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

/* Usuniecie separatora miedzy checkboxami w sekcji Dostepnosc */
.cw-shop-sidebar .woof_container.woof_checkbox_instock_container,
.cw-shop-sidebar .woof_container.woof_checkbox_sales_container {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 14px !important;
}