/* CAVALE — style migrowane z WordPress; zachowano kolejność i selektory. */
/* Ukrywa wszystkie etykiety produktów Woodmart i WooCommerce - SALE/HOT/NEW*/
.onsale,
.woodmart-label-sale,
.woodmart-label-new,
.woodmart-label-hot {
    display: none !important;
}




/* === WOODMART – trwałe usunięcie paska ikon (bez hover glitcha) USUWANIE IKON NA BIAŁYM PASKU NA PRODUKCIE */
/* Ukrycie ikon i paska NA STAŁE */
.product-grid-item .wd-hover-icons,
.product-grid-item .wd-action-buttons,
.product-grid-item .wd-buttons {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
}
/* Usunięcie overlay (biały cień / tło) */
.product-grid-item .product-image-wrap::before,
.product-grid-item .product-image-wrap::after {
    display: none !important;
}
/* Zabicie animacji TYLKO dla paska, nie dla obrazka */
.wd-hover-icons,
.wd-action-buttons,
.wd-buttons {
    transition: none !important;
}




/* ============================= */
/* WOODMART – OFF-CANVAS (KOSZYK + MENU) */
/* ============================= */

/* Tło wysuwanych paneli */
.wd-off-canvas,
.wd-side-hidden,
.cart-widget-side,
.mobile-nav,
.mobile-nav-content {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Teksty */
.wd-off-canvas *,
.cart-widget-side *,
.mobile-nav * {
    color: #000000 !important;
}

/* Nagłówki (np. Koszyk) */
.wd-off-canvas-header,
.cart-widget-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

/* Przycisk zamknij (X) */
.wd-off-canvas-close,
.wd-off-canvas-close span {
    color: #000000 !important;
}

/* Przycisk „Wróć do sklepu” */
.cart-widget-side .button,
.cart-widget-side .btn {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
}

/* Hover przycisku */
.cart-widget-side .button:hover {
    background-color: #333333 !important;
}

/* Ikony (koszyk, X, menu) */
.wd-off-canvas svg,
.wd-off-canvas i {
    fill: #000000 !important;
    color: #000000 !important;
}

/* Overlay tła (to co jest ZA panelem) */
.wd-close-side,
.wd-fade-overlay {
    background: rgba(0,0,0,0.4) !important;
}

body.dark .wd-off-canvas,
body.dark .cart-widget-side,
body.dark .mobile-nav {
    background-color: #ffffff !important;
}






/* ===================================== */
/* WOODMART – FIX CZARNYCH HOVERÓW */
/* (koszyk + menu off-canvas) */
/* ===================================== */

/* === KOSZYK – hover na produkcie === */
.cart-widget-side .woocommerce-mini-cart-item:hover {
    background-color: #f5f5f5 !important;
}

/* Tekst w hover */
.cart-widget-side .woocommerce-mini-cart-item:hover *,
.cart-widget-side .woocommerce-mini-cart-item:hover a {
    color: #000000 !important;
}

/* === MENU – hover / aktywna pozycja === */
.mobile-nav .menu-item:hover > a,
.mobile-nav .menu-item.current-menu-item > a,
.mobile-nav .menu-item.current-menu-parent > a {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
}

/* Ikony strzałek w menu */
.mobile-nav .menu-item:hover svg,
.mobile-nav .menu-item.current-menu-item svg {
    fill: #000000 !important;
}

/* === USUNIĘCIE DARK OVERLAY / AFTER === */
.cart-widget-side .woocommerce-mini-cart-item::after,
.mobile-nav .menu-item > a::after {
    display: none !important;
}






/* ============================= */
/* WOODMART – MINI KOSZYK */
/* ============================= */


/* MINI KOSZYK  - 
Poszerzenie mini-koszyka (off-canvas) */
.cart-widget-side {
    width: 500px !important; /* szerokość koszyka */
    max-width: 100% !important; /* mobilnie nie wychodzi poza ekran */
    padding: 30px !important; /* więcej przestrzeni */
    box-sizing: border-box;
}

/* Mini-koszyk WoodMart – poprawa plus/minus */
.cart-widget-side .quantity .plus,
.cart-widget-side .quantity .minus {
    background: none !important;   /* usuwa czarne tło */
    color: #000000 !important;      /* kolor znaków */
    border: 1px solid #000000 !important; /* delikatna ramka */
    border-radius: 4px !important;  /* lekko zaokrąglone rogi */
    width: 30px !important;
    height: 30px !important;
    line-height: 28px !important;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
}

/* Hover – bardziej kontrastowo */
.cart-widget-side .quantity .plus:hover,
.cart-widget-side .quantity .minus:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Hover – jaśniejszy kolor */
.cart-widget-side .quantity .plus:hover,
.cart-widget-side .quantity .minus:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}




/* MINI KOSZYK - 
Krzyżyk usuwania produktu */
.cart-widget-side .woocommerce-mini-cart-item .remove {
    background-color: #ffffff !important; /* tło */
    color: #ff0000 !important;            /* kolor krzyżyka */
    border-radius: 50% !important;        /* okrągły */
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s, transform 0.2s ease; /* dodana animacja powiększenia */
}

/* Hover krzyżyka – delikatne powiększenie i zmiana koloru */
.cart-widget-side .woocommerce-mini-cart-item .remove:hover {
    background-color: #ff0000 !important; /* czerwone tło */
    color: #ffffff !important;            /* biały krzyż */
    transform: scale(1.2);                 /* delikatne powiększenie */
}


/* ============================= */
/* WOODMART – MINI KOSZYK - PRZYCISKI */
/* MINI KOSZYK - 
PRZYCISKI NA KOSZYKU */
/* Hover – animacja przesunięcia tła od lewej do prawej */
.cart-widget-side a.button:hover {
    background-position: left bottom;
    color: #ffffff; /* tekst zawsze widoczny */
}
/* Powiększenie całego przycisku */
.cart-widget-side a.button {
    position: relative;
    display: inline-block;
    padding: 12px 25px;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(90deg, #222 50%, #000 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    transition: all 0.5s ease;
}
.cart-widget-side a.button:hover {
    background-position: left bottom;
    transform: scale(1.05); 
}
/* Ukrywa przycisk ZAMÓWIENIE w mini-koszyku */
.cart-widget-side a.checkout {
    display: none !important;
}







/*##################################*/
/*MENU*/


/* ============================= */
/* WOODMART – HAMBURGER MENU SIZE */
/* ============================= */

/* GŁÓWNY PANEL MENU */
.mobile-nav,
.mobile-nav-content {
    width: 420px !important;      /* desktop */
    max-width: 90vw !important;   /* mobile */
    padding: 30px 25px !important;
    box-sizing: border-box;
}

/* MOBILE – jeszcze szerzej */
@media (max-width: 768px) {
    .mobile-nav,
    .mobile-nav-content {
        width: 90vw !important;
        padding: 25px 20px !important;
    }
}
/* ============================= */
/* WOODMART – MENU TYPOGRAFIA (SPÓJNA Z KOSZYKIEM) */
/* ============================= */

/* KATEGORIE GŁÓWNE */
.mobile-nav .menu-item > a {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    padding: 12px 10px !important;
    letter-spacing: 0.3px;
}

/* PODKATEGORIE */
.mobile-nav .sub-menu a {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    padding-left: 24px !important;
}
/* DELIKATNY PODZIAŁ SEKCJI */
.mobile-nav .menu-item > a {
    border-bottom: 1px solid #eeeeee;
}

/* STRZAŁKI SUBMENU */
.mobile-nav .wd-nav-opener {
    width: 36px !important;
    height: 36px !important;
}

.mobile-nav .wd-nav-opener::before {
    font-size: 16px !important;
    color: #000000 !important;
}



/* ================================= */
/* WOODMART – SEARCH W HAMBURGER MENU */
/* ================================= */

/* CAŁY BLOK WYSZUKIWARKI */
.mobile-nav .wd-search,
.mobile-nav .wd-search-form,
.mobile-nav .wd-header-search {
    margin-bottom: 16px !important;
}
/* INPUT – łapiemy wszystkie możliwe */
.mobile-nav input[type="search"],
.mobile-nav input[type="text"],
.mobile-nav input.s {
    border: 1px solid #cccccc !important;
    background-color: #ffffff !important;
    height: 42px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    color: #000000 !important;
}
/* PLACEHOLDER */
.mobile-nav input::placeholder {
    color: #888888 !important;
}
/* FOCUS */
.mobile-nav input:focus {
    border-color: #000000 !important;
    outline: none !important;
}

/* MOBILE – MNIEJSZA SEARCH BAR */

@media (max-width: 768px) {

    .mobile-nav input[type="search"],
    .mobile-nav input[type="text"],
    .mobile-nav input.s {
        height: 36px !important;
        font-size: 13px !important;
        padding: 0 12px !important;
    }

    .mobile-nav .wd-search,
    .mobile-nav .wd-search-form {
        margin-bottom: 12px !important;
    }
}








/* ===================================== */
/* HIERARCHIA KATEGORII GŁÓWNYCH */
/* ===================================== */

.mobile-nav > ul > .menu-item > a {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600 !important;
    margin-top: 14px !important;
    display: block;
}
/* ===================================== */
/* UKŁAD I HIERARCHIA PODKATEGORII */
/* ===================================== */

.mobile-nav .sub-menu {
    padding-left: 20px !important;
    margin-top: 6px !important;
}

.mobile-nav .sub-menu a {
    display: block;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 6px 0 !important;
    color: #000000 !important;
}









/* Wygląd głównych kategorii w menu off-canvas */
.wd-side-hidden .menu-item-has-children > a,
.mobile-nav .menu-item-has-children > a {
    background: transparent !important; /* usuwa czarny kwadrat */
    color: #000000 !important; /* czarny tekst */
    position: relative; /* dla strzałki */
    display: flex;
    align-items: center; /* pionowe wyśrodkowanie */
    justify-content: space-between; /* tekst z lewej, strzałka z prawej */
    padding: 10px 15px; /* przestrzeń */
}





/* ============================= */
/* FIX: STRZAŁKI SUBMENU – CZARNE KWADRATY */
/* ============================= */

/* RESET PRZYCISKU STRZAŁKI */
.mobile-nav .wd-nav-opener {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #000000 !important;
}

/* STRZAŁKA (IKONA) */
.mobile-nav .wd-nav-opener::before {
    color: #000000 !important;
    background: none !important;
}

/* ACTIVE / FOCUS – USUNIĘCIE CZARNYCH KWADRATÓW */
.mobile-nav .wd-nav-opener:active,
.mobile-nav .wd-nav-opener:focus {
    background: transparent !important;
    box-shadow: none !important;
}

/* HOVER – DELIKATNY EFEKT */
.mobile-nav .wd-nav-opener:hover {
    background: rgba(0,0,0,0.05) !important;
    border-radius: 4px;
}

/* KLIKNIĘTE (ROZWINIĘTE) */
.mobile-nav .menu-item-opened > .wd-nav-opener {
    background: rgba(0,0,0,0.07) !important;
}
/* ============================= */
/* FINAL FIX – STRZAŁKI SUBMENU WOODMART */
/* ============================= */

/* CAŁY WIERSZ MENU */
.mobile-nav .menu-item-has-children {
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid #eeeeee !important;
}

/* LINK KATEGORII */
.mobile-nav .menu-item-has-children > a {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;

    min-height: 48px !important;
    padding: 0 10px 0 15px !important;

    line-height: normal !important;
    border-bottom: none !important;
}

/* STRZAŁKA */
.mobile-nav .menu-item-has-children > .wd-nav-opener {
    position: static !important;

    width: 48px !important;
    height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border-left: 1px solid #eeeeee !important;
}

/* IKONA STRZAŁKI */
.mobile-nav .wd-nav-opener::before {
    font-size: 16px !important;
    line-height: 1 !important;
}

/* HOVER */
.mobile-nav .menu-item-has-children:hover {
    background-color: #f5f5f5 !important;
}

/* ============================= */
/* HARD FIX – WOODMART MENU HOVER RESET */
/* ============================= */

/* ZABIJ WSZYSTKIE TŁA NA LI */
.mobile-nav li.menu-item-has-children,
.mobile-nav li.menu-item-has-children:hover,
.mobile-nav li.menu-item-has-children.menu-item-opened {
    background: transparent !important;
}

/* ZABIJ PSEUDO-ELEMENTY (TO ONE ROBIĄ SZARE TŁO) */
.mobile-nav li.menu-item-has-children::before,
.mobile-nav li.menu-item-has-children::after,
.mobile-nav li.menu-item-has-children:hover::before,
.mobile-nav li.menu-item-has-children:hover::after,
.mobile-nav li.menu-item-has-children.menu-item-opened::before,
.mobile-nav li.menu-item-has-children.menu-item-opened::after {
    display: none !important;
    background: transparent !important;
    content: none !important;
}

/* PODŚWIETLENIE TYLKO GŁÓWNEGO LINKU */
.mobile-nav li.menu-item-has-children > a:hover {
    background-color: #f5f5f5 !important;
}

/* PODKATEGORIE – TYLKO WŁASNY HOVER */
.mobile-nav .sub-menu a:hover {
    background-color: #f0f0f0 !important;
}








/* ============================= */
/* PRZYCISK DODAJ DO KOSZYKA – WERSJA FINALNA */
/* ============================= */

.woocommerce div.product form.cart {
    display: flex;
    align-items: center;
    gap: 12px; /* odstęp między ilością a przyciskiem */
    flex-wrap: wrap;
}

/* Pole ilości + / - */
.quantity {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.quantity .qty {
    width: 60px !important;
    height: 48px !important;
    text-align: center;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 0 4px;
}

.quantity .plus,
.quantity .minus {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.2s ease;
}

.quantity .plus:hover,
.quantity .minus:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

/* ============================= */
/* PRZYCISK - DODAJ DO KOSZYKA – KRÓTSZY + ANIMOWANY */
/* ============================= */

.single-product .single_add_to_cart_button {
    width: 180px; /* stała szerokość */
    font-size: 16px;
    font-weight: 600;
    padding: 14px 0; /* wysokość przycisku */
    border-radius: 8px;
    border: none;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(90deg, #000 0%, #000 0%, #222 100%);
    background-size: 200% 100%;
    background-position: left;
    transition: all 0.5s ease;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Hover – animacja wypełnienia gradientu */
.single-product .single_add_to_cart_button:hover {
    background-position: right;
    transform: scale(1.03);
    box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}

/* Focus / active */
.single-product .single_add_to_cart_button:focus,
.single-product .single_add_to_cart_button:active {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.15);
}





/* ======================================= */
/* KOMUNIKAT WYBORU ROZMIARU CZARNY  */
/* ======================================= */
.custom-error-toast {
    display: none;
    position: fixed; 
    top: 110px;    /* Obniżone, aby komunikat pojawiał się pod headerem */
    left: 50%;
    transform: translateX(-50%) translateY(-15px);
    width: auto;
    min-width: 320px;
    max-width: 90%;
    padding: 14px 28px 18px 28px; /* Korekta pionowa tekstu */
    line-height: 1.2;
    background-color: #111111; /* Głęboka, matowa czerń */
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase; /* Elegancki, biznesowy styl */
    letter-spacing: 1px; /* Większy oddech między literami */
    text-align: center;
    border: 1px solid rgba(255,255,255,0.15); /* Subtelna ramka premium */
    border-radius: 0px; /* Surowy, nowoczesny, minimalistyczny kant */
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 99999;
    pointer-events: none;
}

.custom-error-toast.show {
    display: block;
    opacity: 1;
    transform: translateX(-50%) translateY(0); /* Płynne wjechanie */
}






/* ========================================================================== */
/* KARTA PRODUKTU CAVALE – UKŁAD HIGH-END STREETWEAR                          */
/* ========================================================================== */

/* --- SEKCJA 1: USUWANIE ZBĘDNYCH ELEMENTÓW (NAV, BREADCRUMBS, META) --- */

.single-product .woocommerce-breadcrumb,
.single-product .wd-products-nav,
.single-product .entry-summary > .woocommerce-breadcrumb,
.single-product .product_meta {
    display: none !important;
}






/* --- SEKCJA 2: PROPORCJE I SZEROKOŚĆ (62% ZDJĘCIA / 38% TEKST) --- */

/* Kontener główny - szeroki, luksusowy układ dla dużych zdjęć */
.single-product .main-page-wrapper .container {
    max-width: 1450px !important;
    margin: 0 auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Przesterowanie proporcji kolumn na dużych ekranach komputera */
@media (min-width: 1025px) {
    /* Zdjęcia po lewej rosną i dominują na karcie */
    .single-product .col-lg-6.product-images {
        width: 62% !important; 
        max-width: 62% !important;
        flex: 0 0 62% !important;
    }

    /* Panel tekstowy po prawej staje się zwarty, butikowy i wyrównany naturalnie */
    .single-product .col-lg-6.entry-summary {
        width: 38% !important;
        max-width: 38% !important;
        flex: 0 0 38% !important;
        max-width: 550px !important;  /* Blokada szerokości samego tekstu wewnątrz kolumny */
        padding-left: 70px !important; /* Oddech tekstu od wielkiego zdjęcia */
        padding-top: 10px !important;   /* Minimalne, stabilne wyrównanie z górą zdjęcia */
    }
}

/* --- SEKCJA 3: TYPOGRAFIA, PRZYCISKI I DETALE PREMIUM --- */

/* Tytul produktu – minimalistyczny, butikowy font (wzór Essentials) */
.single-product .product_title {
    font-size: 18px !important; 
    font-weight: 400 !important; 
    text-transform: uppercase !important; 
    letter-spacing: 1px !important; 
    line-height: 1.4 !important;
    color: #000000 !important;
    margin-top: 0 !important;      /* Całkowite usunięcie skaczącego marginesu -80px */
    margin-bottom: 8px !important;
}

/* Cena – surowy, szary odcień bez wyróżnień */
.single-product .price {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #666666 !important; 
    margin-bottom: 25px !important;
}

/* Krótki opis pod ceną */
.single-product .woocommerce-product-details__short-description {
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: #444444 !important;
    margin-bottom: 30px !important;
}

/* Całkowite ukrycie wyboru ilości (+ / -) */
.single-product .quantity {
    display: none !important;
}

/* Przycisk DODAJ DO KOSZYKA – Szeroki, czarny, ostry blok */
.single-product .single_add_to_cart_button {
    width: 100% !important; 
    min-height: 50px !important;
    background-color: #000000 !important; 
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important; 
    border-radius: 0px !important;  /* Całkowicie ostre rogi */
    transition: background-color 0.3s ease !important;
}

.single-product .single_add_to_cart_button:hover {
    background-color: #222222 !important;
}






/* ========================================================================== */
/* KARTA SKLEPUUUUU */
/* ========================================================================== */
/*Napisy po lewej stronie */
.products .product-wrapper .wd-entities-title,
.products .product-wrapper .price,
.products .product-wrapper .wd-product-cats {
    text-align: left !important;
}

.products .product-wrapper .wrap-price {
justify-content: flex-start !important;
}

/**/




/* Ukrywa wyłącznie napis z liczbą wyników */
.woocommerce-result-count {
    display: none !important;
}
/* Zmniejszenie pustej przestrzeni nad filtrami i wyrównanie odstępów */
.shop-loop-head, 
.wd-shop-tools {
    margin-top: -30px !important; /* Podciąga pasek wyżej, likwidując wielką dziurę */
    margin-bottom: 25px !important; /* Dodaje elegancki odstęp przed zdjęciami */
}