@import url('https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&display=swap');

/*
 Theme Name:   Skudmart Child
 Theme URI:    https://3dcoq.com
 Description:  Child theme dla Skudmart - 3DCOQ customizacje
 Author:       3DCOQ
 Template:     skudmart
 Version:      1.0.2
 Text Domain:  skudmart-child
*/

/* ==========================================================================
   ZMIENNE CSS
   ========================================================================== */

:root {
    --3dcoq-bg: #1d1d1d;
    --3dcoq-dark: #3D4448;
    --3dcoq-gray: #6B7B7E;
    --3dcoq-light-gray: #8E9A9D;
    --3dcoq-white: #ffffff;
    --3dcoq-icon-size: 50px;
    --3dcoq-radius: 10px;
    --3dcoq-spacing: 10px;
    --3dcoq-edge-padding: 15px;
    --3dcoq-breakpoint: 1325px;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

/* Wysokość headera */
#lastudio-header-builder,
#lastudio-header-builder .lahbhouter,
#lastudio-header-builder .lahbhinner,
#lastudio-header-builder .lahb-desktop-view,
#lastudio-header-builder .lahb-area {
    min-height: 130px !important;
}

/* Layout: logo | menu (centered) | icons */
.lahb-content-wrap.lahb-area__25-5-25 {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 5px var(--3dcoq-edge-padding) !important;
}

.lahb-content-wrap .lahb-col {
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
}

.lahb-col.lahb-col__left {
    flex: 0 0 auto !important;
    margin-right: auto !important;
}

.lahb-col.lahb-col__center {
    flex: 1 1 auto !important;
    justify-content: center !important;
}

.lahb-col.lahb-col__right {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    margin-left: auto !important;
    gap: 5px !important;
}

/* Logo */
.lahb-logo img {
    max-height: 120px !important;
    width: auto !important;
}

/* ==========================================================================
   MENU
   ========================================================================== */

/* Czcionka Goldman */
.site-header,
.site-header a,
.lahb-nav-wrap a,
.lahb-search input {
    font-family: 'Goldman', cursive !important;
}

/* Linki menu */
.lahb-nav-wrap .menu > li > a {
    color: var(--3dcoq-gray) !important;
    font-size: 120% !important;
    transition: all 0.3s ease !important;
    padding-left: clamp(5px, 0.8vw, 12px) !important;
    padding-right: clamp(5px, 0.8vw, 12px) !important;
}

.lahb-nav-wrap .menu > li > a:hover {
    color: var(--3dcoq-white) !important;
    transform: scale(1.1) !important;
}

.lahb-nav-wrap .menu > li {
    margin: 0 !important;
}

/* --------------------------------------------------------------------------
   DROPDOWN MENU (sub-menu)
   --------------------------------------------------------------------------
   Parent theme: białe tło, złoty hover z underline
   Nadpisujemy na: ciemne tło (--3dcoq-dark), szary tekst, biały hover
   -------------------------------------------------------------------------- */

/* Kontener dropdown - ciemne tło, zaokrąglone rogi */
.lahb-nav-wrap .menu > li.menu-item > ul,
.lahb-nav-wrap .menu > li.menu-item ul {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    padding: 10px 0 !important;
    overflow: hidden !important;
}

/* Nested submenu (2. poziom) */
.lahb-nav-wrap .menu ul li ul {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* Linki w dropdown - szary tekst, Goldman */
.lahb-nav-wrap .menu ul li.menu-item a {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

/* Hover - biały (NIE złoty, NIE underline) */
.lahb-nav-wrap .menu ul li.menu-item a:hover,
.lahb-nav-wrap .menu ul li.menu-item:hover > a {
    color: var(--3dcoq-white) !important;
    text-decoration: none !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Active/current state - biały zamiast złotego */
.lahb-wrap .lahb-nav-wrap .menu ul.sub-menu li.current > a,
.lahb-wrap .lahb-nav-wrap .menu li.current ul li a:hover {
    color: var(--3dcoq-white) !important;
    text-decoration: none !important;
}

/* Strzałka przy elementach z submenu (sf-with-ul) */
.lahb-nav-wrap .menu ul li a.sf-with-ul::after {
    color: var(--3dcoq-gray) !important;
    transition: color 0.3s ease !important;
}

.lahb-nav-wrap .menu ul li:hover > a.sf-with-ul::after {
    color: var(--3dcoq-white) !important;
}

/* --------------------------------------------------------------------------
   MEGAMENU
   -------------------------------------------------------------------------- */

/* Megamenu kontener */
.lahb-nav-wrap.has-megamenu > ul > li.mega > ul.sub-menu {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* Pierwsze megamenu (wide) - zwężone do 60% */
.lahb-nav-wrap.has-megamenu > ul > li.mega.mm-popup-wide:first-child > ul.sub-menu {
    width: 240% !important;
}

/* Megamenu kolumny */
.lahb-nav-wrap.has-megamenu > ul > li.mega > ul.sub-menu .mm-mega-ul {
    background-color: transparent !important;
}

/* Megamenu sub-listy */
.lahb-nav-wrap.has-megamenu > ul > li.mega ul.sub-menu ul {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Megamenu nagłówki kategorii (lv-1) */
.lahb-nav-wrap.has-megamenu .menu li.mega li.mm-lv-1 > a {
    color: var(--3dcoq-white) !important;
    font-family: 'Goldman', cursive !important;
    text-decoration: none !important;
}

/* Megamenu elementy (lv-2) */
.lahb-nav-wrap.has-megamenu .menu li.mega li.mm-lv-2 > a {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    text-decoration: none !important;
}

.lahb-nav-wrap.has-megamenu .menu li.mega li.mm-lv-2 > a:hover {
    color: var(--3dcoq-white) !important;
}

/* Aktywny top-level link kiedy dropdown jest otwarty */
.lahb-nav-wrap .menu > li.current > a {
    color: var(--3dcoq-white) !important;
}

/* ==========================================================================
   SEARCH BOX
   ========================================================================== */

/* Search - reset wrapperów */
.lahb-search,
.lahb-search .header-search-simple-wrap {
    background: none !important;
    flex: 0 0 auto !important;
    width: auto !important;
}

/* Search form - tylko tu tło */
.lahb-search .search-form {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 5px 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
}

.lahb-search .search-field {
    width: clamp(100px, 12vw, 180px) !important;
    background-color: transparent !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
}

.lahb-search .search-field::placeholder {
    color: var(--3dcoq-light-gray) !important;
}

.lahb-search .search-button {
    background-color: transparent !important;
    border: none !important;
    color: var(--3dcoq-white) !important;
    position: static !important;
}

.lahb-search .search-reset {
    display: none !important;
}

/* --------------------------------------------------------------------------
   SEARCH - AJAX DROPDOWN (wyniki wyszukiwania)
   --------------------------------------------------------------------------
   Parent theme: białe tło, ciemny tekst
   Nadpisujemy na: ciemne tło, szary/biały tekst
   -------------------------------------------------------------------------- */

/* Kontener wyników */
.header-search-simple-wrap .results-container {
    background: var(--3dcoq-dark) !important;
    color: var(--3dcoq-gray) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    margin-top: 5px !important;
}

/* Produkty - lista */
.header-search-simple-wrap .results-container .ul_products li.product_item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    transition: background-color 0.3s ease !important;
}

.header-search-simple-wrap .results-container .ul_products li.product_item:last-child {
    border-bottom: none !important;
}

/* Hover na produkcie */
.header-search-simple-wrap .results-container .ul_products li.product_item:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* Tytuł produktu */
.header-search-simple-wrap .results-container .product_item .product_item--title,
.header-search-simple-wrap .results-container .product_item .product_item--title a {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

/* Cena produktu */
.header-search-simple-wrap .results-container .product_item .price,
.header-search-simple-wrap .results-container .product_item .price .amount {
    color: var(--3dcoq-white) !important;
    font-weight: normal !important;
}

/* Stara cena (przekreślona) */
.header-search-simple-wrap .results-container .product_item .price del,
.header-search-simple-wrap .results-container .product_item .price del .amount {
    color: var(--3dcoq-gray) !important;
}

/* Info produktu (kategoria, sku itp.) */
.header-search-simple-wrap .results-container .product_item .product_item--info {
    color: var(--3dcoq-gray) !important;
}

/* Tekst "no results found" */
.header-search-simple-wrap .results-container .not-found {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    padding: 15px !important;
}

/* Blog posts w wynikach */
.header-search-simple-wrap .results-container.la-post-grid .lastudio-posts__item {
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

.header-search-simple-wrap .results-container.la-post-grid .lastudio-posts__item:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

.header-search-simple-wrap .results-container.la-post-grid .entry-title,
.header-search-simple-wrap .results-container.la-post-grid .entry-title a {
    color: var(--3dcoq-white) !important;
    font-family: 'Goldman', cursive !important;
}

.header-search-simple-wrap .results-container.la-post-grid .entry-excerpt {
    color: var(--3dcoq-gray) !important;
}

/* Link "View all results" */
.header-search-simple-wrap .view-more-results,
.header-search-simple-wrap .view-more-results a {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    transition: all 0.3s ease !important;
}

.header-search-simple-wrap .view-more-results a:hover {
    color: var(--3dcoq-white) !important;
}

/* Scrollbar w dropdown */
.header-search-simple-wrap .results-container::-webkit-scrollbar {
    width: 6px !important;
}

.header-search-simple-wrap .results-container::-webkit-scrollbar-track {
    background: var(--3dcoq-dark) !important;
}

.header-search-simple-wrap .results-container::-webkit-scrollbar-thumb {
    background: var(--3dcoq-gray) !important;
    border-radius: 3px !important;
}

/* Loading spinner */
.header-search-simple-wrap .search-results .loading {
    background: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 15px !important;
}

/* ==========================================================================
   CART & WISHLIST
   ========================================================================== */

/* Cart box */
.lahb-cart {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    width: var(--3dcoq-icon-size) !important;
    height: var(--3dcoq-icon-size) !important;
    min-width: var(--3dcoq-icon-size) !important;
    min-height: var(--3dcoq-icon-size) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Wishlist wrapper i box */
.lahb-text-wrap {
    margin: 0 !important;
    padding: 0 !important;
}

.lahb-text-wrap a[href*="wishlist"] {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    width: var(--3dcoq-icon-size) !important;
    height: var(--3dcoq-icon-size) !important;
    min-width: var(--3dcoq-icon-size) !important;
    min-height: var(--3dcoq-icon-size) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}


.lahb-cart i,
.lahb-text-wrap a[href*="wishlist"] i,
.lahb-text-wrap a[href*="my-account"] i,
.lahb-text-wrap a[href*="moje-konto"] i {
    color: var(--3dcoq-white) !important;
}

/* Ikona konta w headerze (zamieniona z wishlist) */
.lahb-text-wrap a[href*="my-account"],
.lahb-text-wrap a[href*="moje-konto"] {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    width: var(--3dcoq-icon-size) !important;
    height: var(--3dcoq-icon-size) !important;
    min-width: var(--3dcoq-icon-size) !important;
    min-height: var(--3dcoq-icon-size) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

.lahb-text-wrap .fa-user-plus,
.lahb-text-wrap .fa-user-check,
.lahb-text-wrap .fa-user,
.lahb-text-wrap .fa-sign-in,
.lahb-text-wrap .fas {
    font-size: 20px !important;
    color: var(--3dcoq-white) !important;
}

/* Badge koszyka */
.lahb-cart .la-cart-count {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    background-color: var(--3dcoq-white) !important;
    color: var(--3dcoq-dark) !important;
    font-size: 10px !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ==========================================================================
   RESPONSYWNOŚĆ - NADPISANIE BREAKPOINTÓW RODZICA
   ========================================================================== */

/* Wymuś desktop view powyżej 1325px (nadpisanie 1280px z rodzica) */
@media (min-width: 1326px) {
    .lahb-desktop-view {
        display: block !important;
    }
    .lahb-tablets-view,
    .lahb-mobiles-view {
        display: none !important;
    }
}

/* ==========================================================================
   RESPONSYWNOŚĆ - BREAKPOINT 1325px (AGRESYWNE NADPISANIE)
   ========================================================================== */

@media (max-width: 1325px) {
    /* WYMUŚ desktop view, zablokuj tablet/mobile */
    .lahb-desktop-view {
        display: block !important;
    }
    .lahb-tablets-view,
    .lahb-mobiles-view {
        display: none !important;
    }

    /* HEADER - zachowaj wysokość i layout */
    #lastudio-header-builder,
    #lastudio-header-builder .lahbhouter,
    #lastudio-header-builder .lahbhinner,
    #lastudio-header-builder .lahb-desktop-view,
    #lastudio-header-builder .lahb-area {
        min-height: 130px !important;
        height: auto !important;
    }

    /* LAYOUT - flex row, zawsze */
    .lahb-content-wrap.lahb-area__25-5-25 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 5px var(--3dcoq-edge-padding) !important;
    }

    /* LOGO - stały rozmiar, agresywne nadpisanie */
    .lahb-col.lahb-col__left {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-right: auto !important;
    }

    .lahb-logo,
    .lahb-logo a,
    .lahb-logo .la-lazyload-image {
        width: auto !important;
        max-width: none !important;
        flex-shrink: 0 !important;
    }

    .lahb-logo img {
        max-height: 120px !important;
        min-height: 120px !important;
        height: 120px !important;
        width: auto !important;
        max-width: none !important;
        object-fit: contain !important;
    }

    /* ŚRODEK - tylko hamburger, przyklejony do prawej */
    .lahb-col.lahb-col__center {
        flex: 0 0 auto !important;
        width: auto !important;
        justify-content: flex-end !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Ukryj menu */
    .lahb-desktop-view .lahb-nav-wrap {
        display: none !important;
    }

    /* Pokaż hamburger */
    .lahb-desktop-view .lahb-responsive-menu-icon-wrap {
        display: flex !important;
    }

    /* Hamburger box 50x50 */
    .lahb-responsive-menu-icon-wrap a {
        background-color: var(--3dcoq-dark) !important;
        border-radius: var(--3dcoq-radius) !important;
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: var(--3dcoq-white) !important;
        font-size: 22px !important;
    }

    /* PRAWA SEKCJA - stały odstęp */
    .lahb-col.lahb-col__right {
        flex: 0 0 auto !important;
        width: auto !important;
        margin-left: 5px !important;
        gap: 5px !important;
    }

    /* Search - stała szerokość */
    .lahb-search .search-field {
        width: 150px !important;
        min-width: 150px !important;
    }

    /* Cart/Wishlist/Account - stałe 50x50 */
    .lahb-cart,
    .lahb-text-wrap a[href*="wishlist"],
    .lahb-text-wrap a[href*="my-account"],
    .lahb-text-wrap a[href*="moje-konto"] {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
    }
}

/* Responsive menu panel */
.lahb-responsive-menu-wrap {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 300px !important;
    height: 100vh !important;
    background-color: var(--3dcoq-bg) !important;
    z-index: 9999 !important;
    transform: translateX(-100%) !important;
    visibility: hidden !important;
    transition: transform 0.3s ease, visibility 0.3s ease !important;
}

.lahb-responsive-menu-wrap.is-open {
    transform: translateX(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* Close button - zawsze widoczny */
.lahb-responsive-menu-wrap .close-responsive-nav {
    display: block !important;
    position: absolute !important;
    top: 65px !important;
    right: 20px !important;
    cursor: pointer !important;
    z-index: 10 !important;
}

/* X icon - szary, biały na hover */
.lahb-responsive-menu-wrap .close-responsive-nav .lahb-menu-cross-icon {
    position: relative !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    background-color: transparent !important;
    transition: all 0.3s ease !important;
}

.lahb-responsive-menu-wrap .close-responsive-nav .lahb-menu-cross-icon::before,
.lahb-responsive-menu-wrap .close-responsive-nav .lahb-menu-cross-icon::after {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    top: 50% !important;
    left: 0 !important;
    background-color: var(--3dcoq-gray) !important;
    width: 16px !important;
    height: 2px !important;
    transition: background-color 0.3s ease !important;
}

.lahb-responsive-menu-wrap .close-responsive-nav .lahb-menu-cross-icon::before {
    transform: rotate(45deg) !important;
}

.lahb-responsive-menu-wrap .close-responsive-nav .lahb-menu-cross-icon::after {
    transform: rotate(-45deg) !important;
}

/* Hover - biały */
.lahb-responsive-menu-wrap .close-responsive-nav:hover .lahb-menu-cross-icon::before,
.lahb-responsive-menu-wrap .close-responsive-nav:hover .lahb-menu-cross-icon::after {
    background-color: var(--3dcoq-white) !important;
}

/* Menu items in responsive menu */
.lahb-responsive-menu-wrap .menu {
    padding: 60px 20px 20px !important;
}

.lahb-responsive-menu-wrap .menu li a {
    color: var(--3dcoq-gray) !important;
    padding: 10px 0 !important;
    display: block !important;
    font-family: 'Goldman', cursive !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1 !important;
}

.lahb-responsive-menu-wrap .menu li a:hover {
    color: var(--3dcoq-white) !important;
}

/* Submenu w responsive menu - wcięcie + mniejszy font */
.lahb-responsive-menu-wrap .menu li ul {
    padding-left: 15px !important;
    border-left: 1px solid var(--3dcoq-dark) !important;
    margin-left: 10px !important;
    margin-top: 0 !important;
}

.lahb-responsive-menu-wrap .menu li ul li a {
    font-size: 13px !important;
    padding: 8px 0 !important;
}

/* Ikona rozwijania submenu (strzałka) */
.lahb-responsive-menu-wrap .menu li .respo-nav-icon {
    color: var(--3dcoq-gray) !important;
    transition: color 0.3s ease !important;
}

.lahb-responsive-menu-wrap .menu li .respo-nav-icon:hover {
    color: var(--3dcoq-white) !important;
}

/* Upewnij się że cała zawartość menu jest klikalna */
.lahb-responsive-menu-wrap * {
    pointer-events: auto !important;
}

/* ==========================================================================
   AGRESYWNE NADPISANIE PARENT THEME BREAKPOINTÓW (900px, 1024px, 1280px)
   ========================================================================== */

@media (max-width: 1280px) and (min-width: 769px) {
    /* Wymuś desktop view */
    .lahb-desktop-view {
        display: block !important;
    }
    .lahb-tablets-view,
    .lahb-mobiles-view {
        display: none !important;
    }

    /* Logo - zablokuj kurczenie */
    .lahb-logo img {
        max-height: 120px !important;
        min-height: 120px !important;
        height: 120px !important;
        width: auto !important;
        max-width: none !important;
    }

    .lahb-col.lahb-col__left {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .lahb-logo img {
        max-height: 120px !important;
        min-height: 120px !important;
        height: 120px !important;
        width: auto !important;
        max-width: none !important;
    }
}

@media (max-width: 900px) and (min-width: 769px) {
    .lahb-logo img {
        max-height: 120px !important;
        min-height: 120px !important;
        height: 120px !important;
        width: auto !important;
        max-width: none !important;
    }

    .lahb-col.lahb-col__left {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: auto !important;
    }
}

@media (max-width: 768px) {
    /* Mobile - mniejszy header */
    #lastudio-header-builder,
    #lastudio-header-builder .lahbhouter,
    #lastudio-header-builder .lahbhinner,
    #lastudio-header-builder .lahb-desktop-view,
    #lastudio-header-builder .lahb-desktop-view .lahb-area {
        min-height: 80px !important;
        height: auto !important;
        background-color: var(--3dcoq-bg) !important;
    }

    /* Mniejsze logo na mobile */
    .lahb-logo img {
        max-height: 60px !important;
        min-height: 60px !important;
        height: 60px !important;
    }

    /* Hamburger 40x40 */
    .lahb-responsive-menu-icon-wrap a {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 18px !important;
    }

    /* Search mniejszy */
    .lahb-search .search-form {
        padding: 3px 8px !important;
        height: 40px !important;
    }

    .lahb-search .search-field {
        width: 100px !important;
        min-width: 80px !important;
        font-size: 12px !important;
    }

    .lahb-search .search-field::placeholder {
        font-size: 12px !important;
    }

    /* Cart/Wishlist/Account 40x40 */
    .lahb-cart,
    .lahb-text-wrap a[href*="wishlist"],
    .lahb-text-wrap a[href*="my-account"],
    .lahb-text-wrap a[href*="moje-konto"] {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    /* Mniejszy gap między elementami */
    .lahb-col.lahb-col__right {
        gap: 3px !important;
    }
}

/* ==========================================================================
   BREAKPOINT 450px - LAYOUT PIONOWY
   ========================================================================== */

@media (max-width: 450px) {
    /* Header wyższy bo 2 rzędy */
    #lastudio-header-builder,
    #lastudio-header-builder .lahbhouter,
    #lastudio-header-builder .lahbhinner,
    #lastudio-header-builder .lahb-desktop-view,
    #lastudio-header-builder .lahb-desktop-view .lahb-area {
        min-height: auto !important;
        height: auto !important;
    }

    /* Layout pionowy */
    .lahb-content-wrap.lahb-area__25-5-25 {
        flex-direction: column !important;
        align-items: center !important;
        padding: 10px !important;
        gap: 10px !important;
    }

    /* Logo - pierwszy rząd, wycentrowane */
    .lahb-col.lahb-col__left {
        order: 1 !important;
        margin: 0 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    .lahb-logo img {
        max-height: 100px !important;
        min-height: 100px !important;
        height: 100px !important;
    }

    /* Ukryj środkową kolumnę (pusta) */
    .lahb-col.lahb-col__center {
        display: none !important;
    }

    /* Prawa sekcja - drugi rząd, wycentrowana */
    .lahb-col.lahb-col__right {
        order: 2 !important;
        margin: 0 !important;
        width: auto !important;
        justify-content: center !important;
        gap: 5px !important;
    }

    /* Przyciski 50x50 */
    .lahb-responsive-menu-icon-wrap a,
    .lahb-cart,
    .lahb-text-wrap a[href*="wishlist"],
    .lahb-text-wrap a[href*="my-account"],
    .lahb-text-wrap a[href*="moje-konto"] {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        font-size: 20px !important;
    }

    /* Search 50px */
    .lahb-search .search-form {
        height: 50px !important;
        padding: 5px 10px !important;
    }

    .lahb-search .search-field {
        width: 100px !important;
        min-width: 80px !important;
        font-size: 10px !important;
    }

    .lahb-search .search-field::placeholder {
        font-size: 10px !important;
    }
}

/* ==========================================================================
   DOKUMENTACJA HEADERA - 3DCOQ
   ==========================================================================

   STRUKTURA HEADERA:
   ==================
   Desktop (>1325px):
   Layout: [LOGO] --- [MENU wycentrowane] --- [SEARCH][CART][ACCOUNT]

   Tablet/Mobile (<=1325px):
   Layout: [LOGO] --- [HAMBURGER][SEARCH][CART][ACCOUNT]

   Bardzo małe ekrany (<=450px):
   Layout pionowy:
   [        LOGO        ]
   [HAMBURGER][SEARCH][CART][ACCOUNT]


   KOLORY (zmienne CSS):
   =====================
   --3dcoq-bg: #1d1d1d        - główne tło (body, header, footer, newsletter)
   --3dcoq-dark: #3D4448      - tło search/cart/wishlist/hamburger boxes
   --3dcoq-gray: #6B7B7E      - kolor linków menu, X w menu
   --3dcoq-light-gray: #8E9A9D - placeholder w search
   --3dcoq-white: #ffffff     - hover linków, ikony, badge text


   ROZMIARY WG BREAKPOINTÓW:
   =========================

   > 1325px (Desktop):
   - Header: 130px
   - Logo: 120px
   - Przyciski: 50x50
   - Search: clamp(100px, 12vw, 180px)
   - Gap: 5px

   769px - 1325px (Tablet):
   - Header: 130px
   - Logo: 120px
   - Przyciski: 50x50 (hamburger przeniesiony do prawej sekcji)
   - Search: 150px, font 12px
   - Gap: 5px

   451px - 768px (Mobile):
   - Header: 80px
   - Logo: 60px
   - Przyciski: 40x40
   - Search: 100px, height 40px, font 12px
   - Gap: 3px

   <= 450px (Bardzo małe):
   - Layout: PIONOWY (logo nad przyciskami)
   - Logo: 100px (wycentrowane)
   - Przyciski: 50x50
   - Search: 100px, height 50px, font 10px
   - Gap: 5px
   - Padding: 10px


   BREAKPOINTY:
   ============
   > 1325px  : Desktop - pełne menu nawigacyjne
   <= 1325px : Tablet - hamburger menu, layout poziomy
   <= 768px  : Mobile - mniejsze elementy (40x40)
   <= 450px  : Bardzo małe - layout pionowy, logo nad przyciskami


   ZMIENNE CSS:
   ============
   --3dcoq-icon-size: 50px    - bazowy wymiar boxów
   --3dcoq-radius: 10px       - zaokrąglenie rogów
   --3dcoq-spacing: 10px      - bazowy spacing
   --3dcoq-edge-padding: 15px - padding od krawędzi ekranu
   --3dcoq-breakpoint: 1325px - główny breakpoint


   ELEMENTY:
   =========
   1. Search box
      - Skalowalna szerokość zależna od breakpointu
      - Tło tylko na .search-form, wrappery mają background:none

   2. Menu (desktop)
      - Padding linków: clamp(5px, 0.8vw, 12px)
      - Hover: biały + scale(1.1)

   3. Cart badge
      - Pozycja: absolute top:0 right:0
      - Biały okrąg 18x18px

   4. Account button (zamieniony z Wishlist)
      - Taki sam styl jak cart (50x50 dark box)
      - Ikona: fas fa-user-plus (niezalogowany) / fas fa-user-check (zalogowany)
      - Link: /my-account/
      - Implementacja: JavaScript (custom.js) + PHP (functions.php)
      - Font Awesome 5 ładowany z CDN

   5. Hamburger
      - Box z tłem --3dcoq-dark
      - Ikona font-awesome (lub similar)


   KLASY HTML (LA Studio Header Builder):
   ======================================
   #lastudio-header-builder    - główny wrapper
   .lahb-desktop-view          - widok desktop (UŻYWANY ZAWSZE)
   .lahb-tablets-view          - widok tablet (NIEUŻYWANY - nadpisany)
   .lahb-mobiles-view          - widok mobile (NIEUŻYWANY - nadpisany)
   .lahb-col__left             - kolumna z logo
   .lahb-col__center           - kolumna z menu (ukryta przy <=1325px)
   .lahb-col__right            - kolumna z hamburger/search/cart/wish
   .lahb-nav-wrap              - wrapper menu
   .lahb-search                - wrapper search
   .lahb-cart                  - wrapper koszyka
   .lahb-text-wrap             - wrapper account (było: wishlist)
   .lahb-text-wrap a[href*="my-account"] - link do konta (zamieniony z wishlist przez JS)
   .lahb-responsive-menu-icon-wrap - hamburger button
   .lahb-responsive-menu-wrap  - wysuwany panel menu
   .close-responsive-nav       - przycisk X w menu
   .lahb-menu-cross-icon       - ikona X (CSS pseudo-elements)


   HAMBURGER MENU (RESPONSYWNE):
   =============================
   Przy szerokości <= 1325px:
   - Menu nawigacyjne jest ukrywane
   - Hamburger (50x50 box) pojawia się w prawej sekcji
   - JS przenosi hamburger do .lahb-col__right przy resize
   - Kliknięcie otwiera panel menu z lewej strony (300px)

   Panel menu (.lahb-responsive-menu-wrap):
   - Position: fixed, left: 0, z-index: 9999
   - Transform: translateX(-100%) -> translateX(0) przy .is-open
   - Tło var(--3dcoq-bg), szerokość 300px
   - Przycisk X zamyka menu (szary, biały na hover)
   - ESC również zamyka menu

   Przycisk X (.close-responsive-nav):
   - Tworzony dynamicznie przez JS jeśli nie istnieje
   - Ikona z CSS pseudo-elements (::before, ::after)
   - Kolor: szary (--3dcoq-gray), biały na hover
   - Rozmiar: 16x16px
   - Pozycja: top 65px, right 20px

   Kliknięcie w kategorię z submenu:
   - Rozwija/zwija submenu (slideToggle)
   - NIE nawiguje do strony kategorii
   - Klasa .is-expanded na menu-item-has-children


   JAVASCRIPT (custom.js):
   =======================
   Stałe:
   - BREAKPOINT_TABLET = 1325

   Funkcje:
   - handleResize() - przenosi hamburger między kolumnami przy resize
   - openMenu() - otwiera panel, dodaje X jeśli nie istnieje
   - closeMenu() - zamyka panel, resetuje submenu
   - debounce() - optymalizacja resize events

   Eventy (delegated):
   - click na .lahb-responsive-menu-icon-wrap a - toggle menu
   - click na .menu-item-has-children > a - toggle submenu
   - click na .close-responsive-nav - zamknij menu
   - keyup ESC - zamknij menu


   NADPISANIE PARENT THEME:
   ========================
   Parent theme (Skudmart) ma własne breakpointy: 1280px, 1024px, 900px
   które powodowały problemy (znikający hamburger, kurczące się logo).

   Rozwiązanie:
   1. CSS: Agresywne !important dla wszystkich breakpointów 769-1280px
      - Wymuszenie display:block na .lahb-desktop-view
      - Wymuszenie display:none na .lahb-tablets-view i .lahb-mobiles-view
      - Stały rozmiar logo na całym zakresie każdego breakpointu

   2. JS: Przenoszenie hamburgera do .lahb-col__right przy resize
      - Omija problemy z kolumną center przy mniejszych szerokościach
      - Hamburger zostaje razem z search/cart/wishlist


   UKOŃCZONE:
   ==========
   [x] Layout headera desktop: logo | menu | search/cart/account
   [x] Zamiana Wishlist na Account button (2026-01-24)
       - Link: /my-account/
       - Ikona: fas fa-user-plus (niezalogowany) / fas fa-user-check (zalogowany)
       - Font Awesome 5 z CDN
       - Implementacja: JS (custom.js) + PHP localize (functions.php)
   [x] Hamburger menu przy <= 1325px
   [x] Panel menu wysuwany z lewej (300px)
   [x] Submenu rozwijane kliknięciem (nie nawigacja)
   [x] ESC i X zamykają menu
   [x] JS przenosi hamburger do prawej sekcji
   [x] Naprawione breakpointy parent theme (1280px, 1024px, 900px)
   [x] Logo stałe przy wszystkich breakpointach
   [x] Breakpoint 768px - mobile (40x40, logo 60px)
   [x] Breakpoint 450px - layout pionowy (logo nad przyciskami)
   [x] Przycisk X w menu - dynamicznie tworzony, szary/biały hover

   ========================================================================== */ */

/* ==========================================================================
   HOME PAGE
   ==========================================================================

   STATUS: UKOŃCZONE ✅

   ELEMENTY USUNIĘTE PRZEZ JS (custom.js):
   =======================================
   - .lahb-wrap-sticky-height - parent theme ustawiał inline 130px, tworząc
     pustą przestrzeń pod headerem
   - .elementor-element-da3886e - pusta sekcja Elementora

   CONTENT WRAP:
   =============
   Selektor: body #main #content-wrap
   - padding-top: 0
   - padding-bottom: 0
   (usunięcie 50px padding z parent theme, dodane przez PHP w functions.php)

   SEKCJA NEWSLETTER "Let's stay in touch":
   ========================================
   Selektor sekcji: .elementor-element-e9f1641
   Selektor formularza: .lastudio-subscribe-form (LaStudio Subscribe Form)

   Struktura HTML:
   .lastudio-subscribe-form
     └─ .lastudio-subscribe-form__form
         └─ .lastudio-subscribe-form__input-group (flex container)
             ├─ .lastudio-subscribe-form__fields
             │   └─ input.lastudio-subscribe-form__input
             └─ a.lastudio-subscribe-form__submit

   Style:
   - Tło sekcji: var(--3dcoq-bg) / #1d1d1d
   - Padding-bottom: 0
   - Nagłówek: Goldman, var(--3dcoq-gray)
   - Input group: flex, tło var(--3dcoq-dark), border-radius 10px
   - Input: transparent, biały tekst, szary placeholder
   - Button Subscribe: var(--3dcoq-gray), biały tekst, font-weight normal
   - Button hover: var(--3dcoq-light-gray)
   - Wszystkie bordery usunięte (kreska pod inputem)

   Breakpoint 575px:
   - Nagłówek centrowany (text-align: center)

   TODO: Skonfigurować MailChimp API Key + List ID (sekcja 9.6 w TODO.md)

   ========================================================================== */

/* Content wrap - usuń padding */
body #main #content-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Banner title - przydymiony owal */
#main .lastudio-banner .lastudio-banner__content-wrap {
    background-color: rgba(61, 68, 72, 0.7) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 10px 30px !important;
    display: inline-block !important;
}

#main .lastudio-banner .lastudio-banner__content-wrap .lastudio-banner__title {
    font-family: 'Goldman', cursive !important;
    color: rgba(255, 255, 255, 0.75) !important;
    margin: 0 !important;
}

/* Newsletter sekcja "Let's stay in touch" */
.elementor-element-e9f1641 {
    background-color: var(--3dcoq-bg) !important;
    padding-bottom: 0 !important;
}

.elementor-element-226eb95 > div {
    padding-bottom: 20px !important;
}

.elementor-element-e9f1641,
.elementor-element-e9f1641 h1,
.elementor-element-e9f1641 h2,
.elementor-element-e9f1641 h3,
.elementor-element-e9f1641 h4,
.elementor-element-e9f1641 p,
.elementor-element-e9f1641 span,
.elementor-element-e9f1641 input,
.elementor-element-e9f1641 button,
.elementor-element-e9f1641 .elementor-heading-title {
    font-family: 'Goldman', cursive !important;
}

/* Kolumny newsletter - wyrównaj verticalnie do środka */
.elementor-element-e9f1641 > .elementor-container {
    align-items: center !important;
}

.elementor-element-e9f1641 .elementor-column > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Nagłówek "Let's stay in touch" - szary jak menu */
.elementor-element-e9f1641 .elementor-heading-title {
    color: var(--3dcoq-gray) !important;
}

/* Usuń kreskę pod inputem i wszystkie bordery */
.elementor-element-e9f1641 input,
.elementor-element-e9f1641 .mc4wp-form input,
.elementor-element-e9f1641 .elementor-form input,
.elementor-element-e9f1641 form,
.elementor-element-e9f1641 .mc4wp-form,
.elementor-element-e9f1641 .elementor-form,
.elementor-element-e9f1641 .elementor-field-group,
.elementor-element-e9f1641 .elementor-field-textual,
.elementor-element-e9f1641 *,
.elementor-element-226eb95 input,
.elementor-element-226eb95 form,
.elementor-element-226eb95 * {
    border: none !important;
    border-bottom: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Subscribe form - Elementor ustawia 1px bottom border (rgba(255,255,255,0.5)) */
.elementor-element-d43b007 .lastudio-subscribe-form,
.elementor-element-f1de2f0 .lastudio-subscribe-form {
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
}

/* Input - styl jak searchbar */
.elementor-element-e9f1641 input[type="email"],
.elementor-element-e9f1641 input[type="text"] {
    background-color: var(--3dcoq-dark) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    color: var(--3dcoq-white) !important;
    padding: 10px 15px !important;
}

.elementor-element-e9f1641 input::placeholder {
    color: var(--3dcoq-light-gray) !important;
    font-family: 'Goldman', cursive !important;
}

/* LaStudio Subscribe Form - pełna szerokość */
.lastudio-subscribe-form,
.lastudio-subscribe-form__form,
.lastudio-subscribe-form__input-group {
    width: 100% !important;
}

/* Input group - flex container */
.lastudio-subscribe-form__input-group {
    display: flex !important;
    align-items: center !important;
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 5px 5px 5px 15px !important;
}

/* Fields wrapper - flex grow */
.lastudio-subscribe-form__fields {
    flex: 1 !important;
}

/* Input - pełna szerokość w fields */
.lastudio-subscribe-form__input {
    width: 100% !important;
    background-color: transparent !important;
    padding: 10px 0 !important;
    color: var(--3dcoq-white) !important;
}

/* Submit button - przy prawej */
.lastudio-subscribe-form__submit {
    flex-shrink: 0 !important;
    background-color: var(--3dcoq-gray) !important;
    border-radius: var(--3dcoq-radius) !important;
    color: var(--3dcoq-white) !important;
    padding: 10px 20px !important;
    font-weight: normal !important;
}

.lastudio-subscribe-form__submit:hover {
    background-color: var(--3dcoq-light-gray) !important;
}

/* Newsletter - mobile 575px */
@media (max-width: 575px) {
    .elementor-element-e9f1641 .elementor-heading-title {
        text-align: center !important;
        width: 100% !important;
    }
}

/* --------------------------------------------------------------------------
   NEWSLETTER SUBSCRIBE FORM - MESSAGE STYLES
   -------------------------------------------------------------------------- */

/* Komunikat - pozycjonowanie (relative zamiast absolute, żeby nie nakładał) */
.lastudio-subscribe-form__message {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    margin-top: 12px !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 16px !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    font-size: 14px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}

.lastudio-subscribe-form__message-inner,
.lastudio-subscribe-form__message-inner span {
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
}

/* Success message - zielony */
.lastudio-subscribe-form--response-success .lastudio-subscribe-form__message {
    background-color: rgba(74, 184, 102, 0.12) !important;
    border: 1px solid rgba(74, 184, 102, 0.4) !important;
    color: #4ab866 !important;
}

.lastudio-subscribe-form--response-success .lastudio-subscribe-form__message-inner,
.lastudio-subscribe-form--response-success .lastudio-subscribe-form__message-inner span {
    color: #4ab866 !important;
}

/* Error message - czerwony */
.lastudio-subscribe-form--response-error .lastudio-subscribe-form__message {
    background-color: rgba(217, 79, 79, 0.12) !important;
    border: 1px solid rgba(217, 79, 79, 0.4) !important;
    color: #d94f4f !important;
}

.lastudio-subscribe-form--response-error .lastudio-subscribe-form__message-inner,
.lastudio-subscribe-form--response-error .lastudio-subscribe-form__message-inner span {
    color: #d94f4f !important;
}

/* Invalid email input - czerwony border */
.lastudio-subscribe-form__input.mail-invalid,
.lastudio-subscribe-form__fields .mail-invalid {
    box-shadow: 0 0 0 2px #d94f4f !important;
    border-radius: var(--3dcoq-radius) !important;
    animation: newsletter-shake 0.4s ease !important;
}

@keyframes newsletter-shake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-6px); }
    40% { transform: translateX(6px); }
    60% { transform: translateX(-4px); }
    80% { transform: translateX(4px); }
}

/* Loading state - spinner na przycisku */
.lastudio-subscribe-form__submit.loading,
.lastudio-subscribe-form__form button.loading {
    position: relative !important;
    color: transparent !important;
    pointer-events: none !important;
}

.lastudio-subscribe-form__submit.loading::after,
.lastudio-subscribe-form__form button.loading::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 18px !important;
    height: 18px !important;
    margin: -9px 0 0 -9px !important;
    border: 2px solid var(--3dcoq-white) !important;
    border-top-color: transparent !important;
    border-radius: 50% !important;
    animation: newsletter-spin 0.6s linear infinite !important;
}

@keyframes newsletter-spin {
    to { transform: rotate(360deg); }
}

/* Newsletter messages - mobile */
@media (max-width: 575px) {
    .lastudio-subscribe-form__message {
        font-size: 12px !important;
        padding: 10px 12px !important;
        margin-top: 8px !important;
    }
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

/* Globalne tło strony */
body,
#lastudio-header-builder,
#lastudio-header-builder .lahbhouter,
#lastudio-header-builder .lahbhinner,
#lastudio-header-builder .lahb-desktop-view,
#lastudio-header-builder .lahb-area,
.elementor-element-e9f1641,
#footer {
    background-color: var(--3dcoq-bg) !important;
}

/* Footer - linki i ikony */
#footer,
#footer a,
#footer p,
#footer span,
#footer li,
#footer i,
#footer .elementor-icon,
#footer .elementor-social-icon,
#footer .elementor-social-icon i,
#footer [class*="social"] i,
#footer svg {
    color: var(--3dcoq-gray) !important;
    fill: var(--3dcoq-gray) !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

#footer a:hover,
#footer a:hover span,
#footer a:hover i,
#footer li:hover a,
#footer .elementor-icon:hover,
#footer .elementor-social-icon:hover,
#footer .elementor-social-icon:hover i,
#footer [class*="social"]:hover i,
#footer svg:hover {
    color: var(--3dcoq-white) !important;
    fill: var(--3dcoq-white) !important;
    text-decoration: none !important;
    transform: scale(1.1) !important;
}

/*
   FOOTER "Kogucia stopka":
   ========================
   STATUS: UKOŃCZONE ✅

   Selektor: #footer
   Builder: LaStudio Footer Builder

   Style:
   - Tło: var(--3dcoq-bg) / #1d1d1d
   - Czcionka: Goldman (ustawione w WP Admin)
   - Linki/tekst/ikony: var(--3dcoq-gray) / #6B7B7E
   - Ikony social: var(--3dcoq-gray), fill dla SVG
   - Hover: var(--3dcoq-white) + scale(1.1)
   - text-decoration: none (brak podkreśleń)
   - transition: 0.3s ease

   Zawartość (skonfigurowane w LaStudio Footer Builder):
   - Menu z linkami: Privacy Policy, Terms & Conditions, Return Policy,
     Shipping Policy, Contact
   - Copyright
   - Social media icons
*/

/* Input */
.lastudio-subscribe-form__form input[type="email"] {
    flex: 1 !important;
    background-color: transparent !important;
    padding: 10px 15px !important;
    color: var(--3dcoq-white) !important;
}

/* Button Subscribe - prawa strona */
.lastudio-subscribe-form__form button,
.lastudio-subscribe-form__form .lastudio-subscribe-form__submit,
.lastudio-subscribe-form__input-group a {
    background-color: var(--3dcoq-gray) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    color: var(--3dcoq-white) !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

.lastudio-subscribe-form__form button span,
.lastudio-subscribe-form__form .lastudio-subscribe-form__submit span,
.lastudio-subscribe-form__input-group a span {
    color: var(--3dcoq-white) !important;
}

.lastudio-subscribe-form__form button:hover,
.lastudio-subscribe-form__input-group a:hover {
    background-color: var(--3dcoq-light-gray) !important;
}

/* ==========================================================================
   MY ACCOUNT
   ========================================================================== */

#section_page_header {
    border: none !important;
    background-image: none !important;
    background-color: var(--3dcoq-bg) !important;
}

#section_page_header > div > div > nav {
    display: none !important;
}

#section_page_header > div > div {
    padding: 50px 0 30px 0 !important;
    text-align: center !important;
}

#section_page_header h1 {
    font-family: 'Goldman', cursive !important;
    font-weight: bold !important;
    font-size: clamp(28px, 5vw, 42px) !important;
    color: var(--3dcoq-white) !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

/* --------------------------------------------------------------------------
   MY ACCOUNT - NAWIGACJA
   -------------------------------------------------------------------------- */

/* Tło nawigacji */
#main .woocommerce-MyAccount-navigation {
    background-color: transparent !important;
}

#main .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Linki nawigacji */
#main .woocommerce-MyAccount-navigation li a {
    color: var(--3dcoq-gray) !important;
    background-color: transparent !important;
    display: block !important;
    padding: 10px 15px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

/* Hover linków nawigacji */
#main .woocommerce-MyAccount-navigation li a:hover {
    color: var(--3dcoq-white) !important;
    background-color: transparent !important;
    transform: scale(1.1) !important;
}

/* Aktywny link - biały, bez złotego tła */
#main .woocommerce-MyAccount-navigation li.is-active a,
#main .woocommerce-MyAccount-navigation li.is-active a:hover,
#main .woocommerce-MyAccount-navigation li.active a,
#main .woocommerce-MyAccount-navigation li.active a:hover,
#main .woocommerce-MyAccount-navigation li.current-menu-item a,
#main .woocommerce-MyAccount-navigation li.current-menu-item a:hover {
    color: var(--3dcoq-white) !important;
    background-color: transparent !important;
    font-weight: bold !important;
}

/* --------------------------------------------------------------------------
   EU VAT FIELD - FIX SIZING
   -------------------------------------------------------------------------- */

#billing_eu_vat_number_field,
.alg-wc-frontend-billing-edit {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

#billing_eu_vat_number_field label {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
}

#billing_eu_vat_number_field input {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 15px !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    width: 100% !important;
}

#billing_eu_vat_number_field input:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--3dcoq-gray) !important;
}

#billing_eu_vat_number_field input::placeholder {
    color: var(--3dcoq-light-gray) !important;
}

/* Progress/details - ukryj pusty, ostyluj gdy ma tekst */
#alg_wc_eu_vat_progress,
#alg_wc_eu_vat_details {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    font-size: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    line-height: 1.4 !important;
}

#alg_wc_eu_vat_progress:empty,
#alg_wc_eu_vat_details:empty {
    display: none !important;
}

#alg_wc_eu_vat_progress:not(:empty) {
    margin-top: 6px !important;
}


/* Ukryj opisy produktów w koszyku/checkout */
.wc-block-components-product-metadata__description {
    display: none !important;
}

/* --------------------------------------------------------------------------
   MY ACCOUNT - FORMULARZE (login, rejestracja, edycja)
   -------------------------------------------------------------------------- */

/* Wrapper formularzy login/rejestracja */
#main #customer_login {
    background-color: transparent !important;
}

#main #customer_login h2,
#main .woocommerce-MyAccount-content h2,
#main .woocommerce-MyAccount-content h3 {
    color: var(--3dcoq-gray) !important;
}

/* Labels */
#main .woocommerce-form label,
#main .woocommerce-form-row label,
#main #customer_login label,
#main .woocommerce-MyAccount-content label,
#main .woocommerce-EditAccountForm label {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
}

/* Inputy - wszystkie typy */
#main .woocommerce-form input[type="text"],
#main .woocommerce-form input[type="email"],
#main .woocommerce-form input[type="password"],
#main .woocommerce-form input[type="tel"],
#main .woocommerce-form input[type="number"],
#main #customer_login input[type="text"],
#main #customer_login input[type="email"],
#main #customer_login input[type="password"],
#main .woocommerce-MyAccount-content input[type="text"],
#main .woocommerce-MyAccount-content input[type="email"],
#main .woocommerce-MyAccount-content input[type="password"],
#main .woocommerce-MyAccount-content input[type="tel"],
#main .woocommerce-EditAccountForm input[type="text"],
#main .woocommerce-EditAccountForm input[type="email"],
#main .woocommerce-EditAccountForm input[type="password"],
#main .woocommerce-address-fields input[type="text"],
#main .woocommerce-address-fields input[type="tel"],
#main .woocommerce-address-fields input[type="email"],
#main form.lost_reset_password input[type="text"],
#main form.lost_reset_password input[type="email"] {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 15px !important;
    font-family: 'Goldman', cursive !important;
    transition: all 0.3s ease !important;
}

/* Focus state dla inputów */
#main .woocommerce-form input:focus,
#main #customer_login input:focus,
#main .woocommerce-MyAccount-content input:focus,
#main .woocommerce-EditAccountForm input:focus,
#main .woocommerce-address-fields input:focus,
#main form.lost_reset_password input:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--3dcoq-gray) !important;
}

/* Placeholdery */
#main .woocommerce-form input::placeholder,
#main #customer_login input::placeholder,
#main .woocommerce-MyAccount-content input::placeholder,
#main .woocommerce-EditAccountForm input::placeholder,
#main .woocommerce-address-fields input::placeholder,
#main form.lost_reset_password input::placeholder {
    color: var(--3dcoq-light-gray) !important;
}

/* Select dropdowns */
#main .woocommerce-form select,
#main .woocommerce-MyAccount-content select,
#main .woocommerce-address-fields select {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 15px !important;
    font-family: 'Goldman', cursive !important;
    transition: all 0.3s ease !important;
}

#main .woocommerce-form select:focus,
#main .woocommerce-MyAccount-content select:focus,
#main .woocommerce-address-fields select:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--3dcoq-gray) !important;
}

/* Select2 dropdown (Country/Region, State) */
#main .select2-container--default .select2-selection--single {
    background-color: var(--3dcoq-dark) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    height: 46px !important;
}

#main .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--3dcoq-white) !important;
    font-family: 'Goldman', cursive !important;
    line-height: 46px !important;
    padding-left: 12px !important;
    padding-right: 30px !important;
}

#main .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    right: 10px !important;
}

#main .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--3dcoq-gray) transparent transparent transparent !important;
}

/* Select2 dropdown menu (renderowany poza #main) */
.select2-container--default .select2-dropdown {
    background-color: var(--3dcoq-dark) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: var(--3dcoq-bg) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    font-family: 'Goldman', cursive !important;
    padding: 8px 12px !important;
}

.select2-container--default .select2-results__option {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    padding: 10px 12px !important;
    transition: all 0.2s ease !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option:hover {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--3dcoq-light-gray) !important;
    color: var(--3dcoq-white) !important;
}

/* Textarea */
#main .woocommerce-form textarea,
#main .woocommerce-MyAccount-content textarea,
#main .woocommerce-EditAccountForm textarea {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 15px !important;
    font-family: 'Goldman', cursive !important;
    transition: all 0.3s ease !important;
    resize: vertical !important;
}

#main .woocommerce-form textarea::placeholder,
#main .woocommerce-MyAccount-content textarea::placeholder,
#main .woocommerce-EditAccountForm textarea::placeholder {
    color: var(--3dcoq-light-gray) !important;
}

#main .woocommerce-form textarea:focus,
#main .woocommerce-MyAccount-content textarea:focus,
#main .woocommerce-EditAccountForm textarea:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--3dcoq-gray) !important;
}

/* Checkbox i Remember me */
#main .woocommerce-form-login__rememberme,
#main .woocommerce-form .woocommerce-form__label-for-checkbox {
    color: var(--3dcoq-gray) !important;
}

#main .woocommerce-form input[type="checkbox"],
#main #customer_login input[type="checkbox"] {
    accent-color: var(--3dcoq-gray) !important;
    width: 18px !important;
    height: 18px !important;
}

/* Link "Lost your password?" */
#main .woocommerce-form .woocommerce-LostPassword a,
#main #customer_login .woocommerce-LostPassword a,
#main .lost_password a {
    color: var(--3dcoq-gray) !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

#main .woocommerce-form .woocommerce-LostPassword a:hover,
#main #customer_login .woocommerce-LostPassword a:hover,
#main .lost_password a:hover {
    color: var(--3dcoq-white) !important;
    transform: scale(1.1) !important;
}

/* --------------------------------------------------------------------------
   MY ACCOUNT - PRZYCISKI
   -------------------------------------------------------------------------- */

/* Wszystkie przyciski w My Account */
#main .woocommerce-MyAccount-content .button,
#main .woocommerce-form-login__submit,
#main .woocommerce-form-register__submit,
#main .woocommerce-Button,
#main .woocommerce-button,
#main #customer_login .button,
#main .woocommerce-EditAccountForm .button,
#main .woocommerce-address-fields .button,
#main form.lost_reset_password .button,
#main .woocommerce-MyAccount-content input[type="submit"],
#main .woocommerce-MyAccount-content button[type="submit"] {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 25px !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Hover przycisków */
#main .woocommerce-MyAccount-content .button:hover,
#main .woocommerce-form-login__submit:hover,
#main .woocommerce-form-register__submit:hover,
#main .woocommerce-Button:hover,
#main .woocommerce-button:hover,
#main #customer_login .button:hover,
#main .woocommerce-EditAccountForm .button:hover,
#main .woocommerce-address-fields .button:hover,
#main form.lost_reset_password .button:hover,
#main .woocommerce-MyAccount-content input[type="submit"]:hover,
#main .woocommerce-MyAccount-content button[type="submit"]:hover {
    background-color: var(--3dcoq-light-gray) !important;
    color: var(--3dcoq-white) !important;
    transform: scale(1.05) !important;
}

/* --------------------------------------------------------------------------
   MY ACCOUNT - KOMUNIKATY (success, error, info)
   -------------------------------------------------------------------------- */

/* Bazowy styl komunikatów */
#main .woocommerce-message,
#main .woocommerce-error,
#main .woocommerce-info,
#main .woocommerce-MyAccount-content .woocommerce-message,
#main .woocommerce-MyAccount-content .woocommerce-error,
#main .woocommerce-MyAccount-content .woocommerce-info {
    background-color: var(--3dcoq-dark) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 15px 20px 15px 50px !important;
    font-family: 'Goldman', cursive !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

/* Ikona przed komunikatami - naprawienie pozycji */
#main .woocommerce-message::before,
#main .woocommerce-error::before,
#main .woocommerce-info::before {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    color: inherit !important;
}

/* Success message - zielony akcent */
#main .woocommerce-message {
    color: #4CAF50 !important;
    border-left: 4px solid #4CAF50 !important;
}

/* Error message - czerwony akcent */
#main .woocommerce-error {
    color: #f44336 !important;
    border-left: 4px solid #f44336 !important;
}

#main .woocommerce-error li {
    color: #f44336 !important;
    border-left: none !important;
}

/* Info message - biały */
#main .woocommerce-info {
    color: var(--3dcoq-white) !important;
    border-left: 4px solid var(--3dcoq-gray) !important;
}

/* Linki w komunikatach */
#main .woocommerce-message a,
#main .woocommerce-error a,
#main .woocommerce-info a {
    color: var(--3dcoq-gray) !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

#main .woocommerce-message a:hover,
#main .woocommerce-error a:hover,
#main .woocommerce-info a:hover {
    color: var(--3dcoq-white) !important;
    transform: scale(1.1) !important;
}

/* --------------------------------------------------------------------------
   MY ACCOUNT - TABELE (zamówienia, downloads, adresy)
   -------------------------------------------------------------------------- */

/* Tabele zamówień i downloads */
#main .woocommerce-orders-table,
#main .woocommerce-MyAccount-content table,
#main .woocommerce-table--order-details {
    background-color: transparent !important;
    border-collapse: collapse !important;
}

#main .woocommerce-orders-table th,
#main .woocommerce-orders-table td,
#main .woocommerce-MyAccount-content table th,
#main .woocommerce-MyAccount-content table td,
#main .woocommerce-table--order-details th,
#main .woocommerce-table--order-details td {
    background-color: transparent !important;
    border-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-gray) !important;
    padding: 12px 15px !important;
    font-family: 'Goldman', cursive !important;
}

/* Nagłówki tabel */
#main .woocommerce-orders-table th,
#main .woocommerce-MyAccount-content table th,
#main .woocommerce-table--order-details th {
    color: var(--3dcoq-light-gray) !important;
    font-weight: bold !important;
}

/* Linki w tabelach (bez przycisków) */
#main .woocommerce-orders-table a:not(.button):not(.woocommerce-button),
#main .woocommerce-MyAccount-content table a:not(.button):not(.woocommerce-button),
#main .woocommerce-table--order-details a:not(.button):not(.woocommerce-button) {
    color: var(--3dcoq-gray) !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

#main .woocommerce-orders-table a:not(.button):not(.woocommerce-button):hover,
#main .woocommerce-MyAccount-content table a:not(.button):not(.woocommerce-button):hover,
#main .woocommerce-table--order-details a:not(.button):not(.woocommerce-button):hover {
    color: var(--3dcoq-white) !important;
    transform: scale(1.1) !important;
}

/* Przyciski View w tabelach */
#main .woocommerce-orders-table .woocommerce-button,
#main .woocommerce-orders-table .button {
    padding: 8px 15px !important;
}

/* Kwoty/ceny w tabelach */
#main .woocommerce-orders-table .woocommerce-Price-amount,
#main .woocommerce-orders-table .amount,
#main .woocommerce-MyAccount-content table .woocommerce-Price-amount,
#main .woocommerce-MyAccount-content table .amount {
    color: var(--3dcoq-white) !important;
}

/* Statusy zamówień */
#main .woocommerce-orders-table .order-status,
#main .woocommerce-orders-table mark {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-gray) !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-weight: normal !important;
}

/* Status - Completed (zielony) */
#main .woocommerce-orders-table mark.order-status-completed,
#main .woocommerce-orders-table .order-status.status-completed {
    color: #4CAF50 !important;
}

/* Status - Processing (niebieski) */
#main .woocommerce-orders-table mark.order-status-processing,
#main .woocommerce-orders-table .order-status.status-processing {
    color: #2196F3 !important;
}

/* Status - On Hold (pomarańczowy) */
#main .woocommerce-orders-table mark.order-status-on-hold,
#main .woocommerce-orders-table .order-status.status-on-hold {
    color: #FF9800 !important;
}

/* Status - Pending (szary) */
#main .woocommerce-orders-table mark.order-status-pending,
#main .woocommerce-orders-table .order-status.status-pending {
    color: var(--3dcoq-light-gray) !important;
}

/* Status - Cancelled/Failed (czerwony) */
#main .woocommerce-orders-table mark.order-status-cancelled,
#main .woocommerce-orders-table mark.order-status-failed,
#main .woocommerce-orders-table .order-status.status-cancelled,
#main .woocommerce-orders-table .order-status.status-failed {
    color: #f44336 !important;
}

/* Status - Refunded */
#main .woocommerce-orders-table mark.order-status-refunded,
#main .woocommerce-orders-table .order-status.status-refunded {
    color: var(--3dcoq-gray) !important;
}

/* Paginacja */
#main .woocommerce-pagination {
    margin-top: 20px !important;
}

#main .woocommerce-pagination ul {
    display: flex !important;
    justify-content: center !important;
    gap: 5px !important;
    list-style: none !important;
    padding: 0 !important;
}

#main .woocommerce-pagination li a,
#main .woocommerce-pagination li span {
    display: inline-block !important;
    padding: 8px 12px !important;
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-gray) !important;
    border-radius: var(--3dcoq-radius) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

#main .woocommerce-pagination li a:hover {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
    transform: scale(1.05) !important;
}

#main .woocommerce-pagination li span.current {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
}

/* Komunikat "No orders" - naprawienie ikony i layoutu */
/* Przycisk "Browse products" w komunikacie */
#main .woocommerce-info a.button,
#main .woocommerce-info a.wc-forward {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
    padding: 10px 20px !important;
    border-radius: var(--3dcoq-radius) !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    font-weight: normal !important;
    margin-left: auto !important;
    text-decoration: none !important;
    font-family: 'Goldman', cursive !important;
}

#main .woocommerce-info a.button:hover,
#main .woocommerce-info a.wc-forward:hover {
    background-color: var(--3dcoq-light-gray) !important;
    color: var(--3dcoq-white) !important;
    transform: scale(1.05) !important;
}

/* --------------------------------------------------------------------------
   MY ACCOUNT - ADRESY
   -------------------------------------------------------------------------- */

/* Boxy adresów */
#main .woocommerce-Address,
#main .woocommerce-Address-title,
#main .woocommerce-address-fields {
    background-color: transparent !important;
}

#main .woocommerce-Address-title h3 {
    color: var(--3dcoq-gray) !important;
}

#main .woocommerce-Address address {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
}

/* Link Edit w adresach */
#main .woocommerce-Address-title a,
#main .woocommerce-Address a.edit {
    color: var(--3dcoq-gray) !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

#main .woocommerce-Address-title a:hover,
#main .woocommerce-Address a.edit:hover {
    color: var(--3dcoq-white) !important;
    transform: scale(1.1) !important;
}

/* --------------------------------------------------------------------------
   MY ACCOUNT - DASHBOARD (główna strona)
   -------------------------------------------------------------------------- */

/* Linki w dashboard content (bez przycisków) */
#main .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) {
    color: var(--3dcoq-gray) !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

#main .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover {
    color: var(--3dcoq-white) !important;
    transform: scale(1.1) !important;
}

/* Tekst w dashboard */
#main .woocommerce-MyAccount-content p,
#main .woocommerce-MyAccount-content span {
    color: var(--3dcoq-gray) !important;
}

/* Strong/bold elements */
#main .woocommerce-MyAccount-content strong {
    color: var(--3dcoq-white) !important;
}

/* --------------------------------------------------------------------------
   MY ACCOUNT - ORDER DETAILS (szczegóły zamówienia)
   -------------------------------------------------------------------------- */

/* Order details header */
#main .woocommerce-order-details,
#main .woocommerce-customer-details {
    background-color: transparent !important;
}

#main .woocommerce-order-details h2,
#main .woocommerce-customer-details h2 {
    color: var(--3dcoq-white) !important;
}

/* Order overview */
#main .woocommerce-order-overview {
    background-color: transparent !important;
    list-style: none !important;
    padding: 0 !important;
}

#main .woocommerce-order-overview li {
    color: var(--3dcoq-gray) !important;
}

#main .woocommerce-order-overview li strong {
    color: var(--3dcoq-white) !important;
}

/* --------------------------------------------------------------------------
   MY ACCOUNT - PAYMENT METHODS
   -------------------------------------------------------------------------- */

/* BlockUI overlay (loader) - zaokrąglone rogi, powiększony */
#main .blockUI.blockOverlay,
#main .woocommerce-PaymentBox .blockUI,
#main .payment_box .blockUI,
#main #payment .blockUI.blockOverlay,
.blockUI.blockOverlay {
    border-radius: var(--3dcoq-radius) !important;
    top: -10px !important;
    left: -10px !important;
    width: calc(100% + 20px) !important;
    height: calc(100% + 20px) !important;
}

/* Legend (np. Password Change) */
#main .woocommerce-MyAccount-content legend,
#main .woocommerce-EditAccountForm legend {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
}

/* Ikona oka (show/hide password) - SVG wymaga filtrów */
#main .woocommerce-EditAccountForm .show-password-input,
#main .woocommerce-MyAccount-content .show-password-input,
#main .woocommerce-form .show-password-input,
#main fieldset button[type="button"] {
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    filter: invert(50%) sepia(10%) saturate(300%) hue-rotate(160deg) brightness(90%) !important;
}

#main .woocommerce-EditAccountForm .show-password-input:hover,
#main .woocommerce-EditAccountForm .show-password-input:focus,
#main .woocommerce-EditAccountForm .show-password-input.display-password,
#main .woocommerce-MyAccount-content .show-password-input:hover,
#main .woocommerce-MyAccount-content .show-password-input:focus,
#main .woocommerce-MyAccount-content .show-password-input.display-password,
#main .woocommerce-form .show-password-input:hover,
#main .woocommerce-form .show-password-input:focus,
#main .woocommerce-form .show-password-input.display-password,
#main fieldset button[type="button"]:hover,
#main fieldset button[type="button"]:focus {
    filter: brightness(0) invert(1) !important;
}

/* --------------------------------------------------------------------------
   MY ACCOUNT - LOST PASSWORD
   -------------------------------------------------------------------------- */

#main form.lost_reset_password {
    background-color: transparent !important;
}

#main form.lost_reset_password p {
    color: var(--3dcoq-gray) !important;
}

#main form.lost_reset_password label {
    color: var(--3dcoq-gray) !important;
}

/* --------------------------------------------------------------------------
   MY ACCOUNT - RESPONSYWNOŚĆ
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
    /* Nawigacja na mobile - pełna szerokość */
    #main .woocommerce-MyAccount-navigation {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    #main .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
    }

    #main .woocommerce-MyAccount-navigation li {
        flex: 1 1 auto !important;
    }

    #main .woocommerce-MyAccount-navigation li a {
        text-align: center !important;
        padding: 8px 10px !important;
        font-size: 14px !important;
    }

    /* Content na mobile */
    #main .woocommerce-MyAccount-content {
        width: 100% !important;
    }

    /* Mniejsze przyciski na mobile */
    #main .woocommerce-MyAccount-content .button,
    #main .woocommerce-form-login__submit,
    #main .woocommerce-Button {
        padding: 10px 20px !important;
        width: 100% !important;
    }

    /* Tabele responsywne */
    #main .woocommerce-orders-table,
    #main .woocommerce-MyAccount-content table {
        display: block !important;
        overflow-x: auto !important;
    }
}

/*
   MY ACCOUNT - DOKUMENTACJA
   =========================
   STATUS: UKOŃCZONE ✅

   OSTYLOWANE STRONY:
   - /my-account/ (dashboard)
   - /my-account/orders/ (historia zamówień)
   - /my-account/downloads/ (pliki do pobrania)
   - /my-account/edit-address/ (adresy)
   - /my-account/edit-account/ (edycja konta)
   - /my-account/lost-password/ (reset hasła)
   - Formularz logowania (#customer_login)
   - Formularz rejestracji

   ELEMENTY:
   - Nawigacja: gray → white+scale(1.1), aktywny biały+bold
   - Formularze: inputy/select/textarea dark bg, white text, radius 10px
   - Przyciski: gray bg, white text, font-weight normal, hover light-gray+scale(1.05)
   - Komunikaty: dark bg, ikona absolute left, flex layout, border-left kolorowy
   - Tabele: transparent bg, gray text, light-gray headers
   - Statusy zamówień: kolorowe (completed=zielony, processing=niebieski, etc.)
   - Kwoty: białe
   - Paginacja: dark bg, centered, hover
   - Responsywność: mobile flex-wrap nawigacja, full-width buttons

   UWAGI:
   - Wszystkie selektory z prefixem #main (przebija globalną regułę)
   - Linki używają :not(.button) żeby nie konfliktować z przyciskami
   - Czcionka Goldman z font-weight: normal (bold nieczytelny)
   - Ikony komunikatów: position absolute, wycentrowane pionowo
*/

/* ==========================================================================
   COOKIE POLICY (Complianz)
   ========================================================================== */

/* Cały kontener */
#cmplz-cookies-overview {
    background-color: transparent !important;
}

/* Details (kategorie: WordPress, Elementor, etc.) */
#cmplz-cookies-overview details {
    background-color: var(--3dcoq-bg) !important;
    border-radius: var(--3dcoq-radius) !important;
    margin-bottom: 10px !important;
    border: none !important;
}

#cmplz-cookies-overview summary {
    background-color: transparent !important;
    padding: 15px 20px !important;
    border: none !important;
    cursor: pointer !important;
}

/* Strzałki rozwijania - SVG background, więc używamy filter */
#cmplz-cookies-overview .cmplz-dropdown summary div:after {
    filter: brightness(0) saturate(100%) invert(50%) sepia(10%) saturate(400%) hue-rotate(175deg) !important;
    transition: all 0.3s ease !important;
}

#cmplz-cookies-overview .cmplz-dropdown summary:hover div:after {
    filter: brightness(0) invert(1) !important;
    transform: scale(1.1) !important;
}

/* Cookies per purpose - grid z cookies */
#cmplz-cookies-overview .cookies-per-purpose {
    background-color: #252525 !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 15px !important;
    margin: 10px 0 !important;
    border: none !important;
}

#cmplz-cookies-overview .cookies-per-purpose *,
#cmplz-cookies-overview .cookies-per-purpose div {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

#cmplz-cookies-overview .cookies-per-purpose h4,
#cmplz-cookies-overview .cookies-per-purpose h5,
#cmplz-cookies-overview .purpose,
#cmplz-cookies-overview .name-header,
#cmplz-cookies-overview .retention-header,
#cmplz-cookies-overview .function-header {
    color: var(--3dcoq-light-gray) !important;
}

/* Linki w tabeli */
#cmplz-cookies-overview a {
    color: var(--3dcoq-gray) !important;
}

#cmplz-cookies-overview a:hover {
    color: var(--3dcoq-white) !important;
}

/* Linki w całym dokumencie Complianz */
#cmplz-document a {
    color: var(--3dcoq-gray) !important;
    transition: color 0.3s ease !important;
}

#cmplz-document a:hover {
    color: var(--3dcoq-white) !important;
}

/* Kategorie cookies (Functional, Preferences, Statistics, Marketing) */
#cmplz-manage-consent-container > div > details.cmplz-category {
    background-color: var(--3dcoq-bg) !important;
    border-radius: var(--3dcoq-radius) !important;
    margin-bottom: 10px !important;
    border: none !important;
}

#cmplz-manage-consent-container > div > details.cmplz-category > summary {
    background-color: transparent !important;
    padding: 15px 20px !important;
    border: none !important;
    cursor: pointer !important;
}

#cmplz-manage-consent-container > div > details.cmplz-category > summary > span {
    background-color: transparent !important;
    border: none !important;
}

#cmplz-manage-consent-container .cmplz-category-title {
    color: var(--3dcoq-gray) !important;
    transition: color 0.3s ease !important;
}

#cmplz-manage-consent-container .cmplz-category summary:hover .cmplz-category-title {
    color: var(--3dcoq-white) !important;
}

#cmplz-manage-consent-container .cmplz-always-active {
    color: var(--3dcoq-light-gray) !important;
}

#cmplz-manage-consent-container .cmplz-description {
    background-color: #252525 !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 15px 20px !important;
    margin: 0 10px 10px !important;
    color: var(--3dcoq-gray) !important;
    border: none !important;
}

/* Strzałki SVG (inline SVG - używamy fill) */
#cmplz-manage-consent-container .cmplz-icon svg path {
    fill: var(--3dcoq-gray) !important;
    transition: all 0.3s ease !important;
}

#cmplz-manage-consent-container .cmplz-category summary:hover .cmplz-icon svg path {
    fill: var(--3dcoq-white) !important;
}

/* Checkbox styling */
#cmplz-manage-consent-container .cmplz-consent-checkbox {
    accent-color: var(--3dcoq-gray) !important;
}

/* Ikonka external link (target=_blank) */
#cmplz-document a[target=_blank]::after {
    filter: brightness(0) saturate(100%) invert(50%) sepia(10%) saturate(400%) hue-rotate(175deg) !important;
    transition: all 0.3s ease !important;
}

#cmplz-document a[target=_blank]:hover::after {
    filter: brightness(0) invert(1) !important;
}

/* ==========================================================================
   PRELOADER / LOADING ANIMATION
   ========================================================================== */

.la-image-loading {
    background: var(--3dcoq-bg) !important;
}

/* Custom spinner - powiększenie i animacja bujania */
.la-image-loading.spinner-custom .la-loader {
    animation: swing 1s ease-in-out infinite !important;
}

.la-image-loading.spinner-custom .la-loader img {
    width: 300px !important;
    height: auto !important;
    max-width: none !important;
    margin-top: -100px !important;
    margin-left: -100px !important;
}

@keyframes swing {
    0%, 100% {
        transform: rotate(-15deg);
    }
    50% {
        transform: rotate(15deg);
    }
}

/* Kolor spinnera (dla domyślnych) */
.la-loader.spinner1,
.la-loader.spinner2,
.la-loader.spinner3 [class*="bounce"],
.la-loader.spinner4 [class*="dot"],
.la-loader.spinner5 div {
    background-color: var(--3dcoq-gray) !important;
}

/* ==========================================================================
   MINI-CART (Cart Drawer)
   ========================================================================== */

/* Czcionka Goldman - bez ikon, bez bold */
.widget_shopping_cart,
.lahb-cart .widget_shopping_cart,
.lahb-cart-wrap,
.la-cart-wrap,
.woocommerce-mini-cart,
.mini_cart_content,
.cart_list,
.cart-flyout,
.cart-flyout .woocommerce-mini-cart__total,
.cart-flyout .woocommerce-mini-cart__buttons,
.cart-flyout .woocommerce-mini-cart__buttons a,
.cart-flyout p.total,
.cart-flyout p.buttons a,
.cart-flyout .mini_cart_item a,
.cart-flyout .product-name,
.cart-flyout .quantity,
.cart-flyout .amount {
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
}

/* Usunięcie bold z wszystkich elementów mini-cart */
.cart-flyout *,
.widget_shopping_cart *,
.woocommerce-mini-cart * {
    font-weight: normal !important;
}

/* X button w cart-flyout - szary, biały hover */
.cart-flyout .btn-close-cart,
.cart-flyout .btn-close-cart i {
    color: var(--3dcoq-gray) !important;
    transition: all 0.3s ease !important;
}

.cart-flyout .btn-close-cart:hover,
.cart-flyout .btn-close-cart:hover i {
    color: var(--3dcoq-white) !important;
    transform: scale(1.1) !important;
}

/* View Cart i Checkout w cart-flyout */
body div.cart-flyout p.woocommerce-mini-cart__buttons.buttons a {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 20px !important;
    transition: background-color 0.3s ease !important;
    text-align: center !important;
}

body div.cart-flyout p.woocommerce-mini-cart__buttons.buttons a:hover {
    background-color: var(--3dcoq-light-gray) !important;
    color: var(--3dcoq-white) !important;
    border-radius: 10px !important;
    letter-spacing: 1px !important;
}

/* Total - biały */
.cart-flyout .woocommerce-mini-cart__total span,
.woocommerce-mini-cart__total.total span,
.widget_shopping_cart .total span {
    color: var(--3dcoq-white) !important;
}

/* ==========================================================================
   CART PAGE
   ========================================================================== */

/* Cart page - wszystkie ceny/kwoty na biało */
#main .wp-block-woocommerce-cart span.wc-block-formatted-money-amount,
#main .wp-block-woocommerce-cart .wc-block-components-totals-item__value,
#main .wp-block-woocommerce-cart .wc-block-cart-item__prices span,
#main .wp-block-woocommerce-cart .wc-block-cart-item__total span,
#main .wp-block-woocommerce-cart .wc-block-components-totals-item__description span {
    color: var(--3dcoq-white) !important;
}

/* Proceed to Checkout button */
#main .wp-block-woocommerce-proceed-to-checkout-block a {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    font-size: 16px !important;
    padding: 12px 30px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

#main .wp-block-woocommerce-proceed-to-checkout-block a:hover {
    background-color: var(--3dcoq-light-gray) !important;
    color: var(--3dcoq-white) !important;
    transform: scale(1.05) !important;
}

/* Add to Cart buttons w empty cart */
#main .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart a {
    transition: all 0.3s ease !important;
}

#main .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart a:hover {
    color: var(--3dcoq-white) !important;
    background-color: var(--3dcoq-light-gray) !important;
    transform: scale(1.1) !important;
}

/* Ceny produktów w empty cart */
#main .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price span {
    color: var(--3dcoq-white) !important;
}

/* Return to shop link hover */
#main #content article > div > div > div > p > a {
    transition: all 0.3s ease !important;
}

#main #content article > div > div > div > p > a:hover {
    color: var(--3dcoq-white) !important;
    background-color: var(--3dcoq-light-gray) !important;
    border-color: var(--3dcoq-light-gray) !important;
    transform: scale(1.1) !important;
}

/* ==========================================================================
   CHECKOUT PAGE
   ========================================================================== */

/* --------------------------------------------------------------------------
   CHECKOUT - NAGŁÓWKI I LAYOUT
   -------------------------------------------------------------------------- */

/* Nagłówki sekcji */
#main .wp-block-woocommerce-checkout h1,
#main .wp-block-woocommerce-checkout h2,
#main .wp-block-woocommerce-checkout h3,
#main .wc-block-components-checkout-step__heading,
#main .wc-block-checkout__sidebar .wc-block-components-panel__button,
#main .wc-block-components-order-summary__button-text {
    color: var(--3dcoq-white) !important;
    font-family: 'Goldman', cursive !important;
}

/* Podtytuły/opisy sekcji */
#main .wc-block-components-checkout-step__description,
#main .wc-block-checkout__add-note textarea::placeholder {
    color: var(--3dcoq-light-gray) !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT - FORMULARZE (inputy, selecty)
   -------------------------------------------------------------------------- */

/* Inputy tekstowe */
#main .wp-block-woocommerce-checkout input[type="text"],
#main .wp-block-woocommerce-checkout input[type="email"],
#main .wp-block-woocommerce-checkout input[type="tel"],
#main .wp-block-woocommerce-checkout input[type="password"],
#main .wp-block-woocommerce-checkout input[type="number"],
#main .wc-block-components-text-input input,
#main .wc-block-components-address-form input,
#main .wc-block-checkout input[type="text"],
#main .wc-block-checkout input[type="email"],
#main .wc-block-checkout input[type="tel"] {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 15px !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    transition: all 0.3s ease !important;
}

/* Focus state */
#main .wp-block-woocommerce-checkout input:focus,
#main .wc-block-components-text-input input:focus,
#main .wc-block-components-address-form input:focus,
#main .wc-block-checkout input:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--3dcoq-gray) !important;
}

/* Placeholder */
#main .wp-block-woocommerce-checkout input::placeholder,
#main .wc-block-components-text-input input::placeholder {
    color: var(--3dcoq-light-gray) !important;
}

/* Labels (floating labels w WooCommerce Blocks) */
#main .wc-block-components-text-input label,
#main .wc-block-components-address-form label,
#main .wc-block-components-combobox label,
#main .wp-block-woocommerce-checkout label {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
}

/* Labels po wypełnieniu (smaller, above input) */
#main .wc-block-components-text-input.is-active label,
#main .wc-block-components-text-input:focus-within label {
    color: var(--3dcoq-light-gray) !important;
}

/* Select / Dropdown (Combobox w Blocks) */
#main .wc-block-components-combobox,
#main .wc-block-components-combobox .wc-block-components-combobox-control,
#main .wc-block-components-combobox .components-combobox-control {
    background-color: var(--3dcoq-dark) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
}

#main .wc-block-components-combobox .wc-block-components-combobox-control input,
#main .wc-block-components-combobox .components-combobox-control input,
#main .wp-block-woocommerce-checkout select {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 15px !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
}

/* Select Country/Region dropdown */
#main .wc-blocks-components-select,
#main .wc-blocks-components-select__container {
    background-color: var(--3dcoq-dark) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
}

#main .wc-blocks-components-select__select {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 15px !important;
    padding-right: 40px !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

#main .wc-blocks-components-select__select:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--3dcoq-gray) !important;
}

#main .wc-blocks-components-select__label {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
}

#main .wc-blocks-components-select__expand {
    fill: var(--3dcoq-gray) !important;
}

/* Dropdown menu */
#main .wc-block-components-combobox .components-form-token-field__suggestions-list,
#main .wc-block-components-combobox ul[role="listbox"] {
    background-color: var(--3dcoq-dark) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    margin-top: 5px !important;
}

#main .wc-block-components-combobox .components-form-token-field__suggestion,
#main .wc-block-components-combobox li[role="option"] {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    padding: 10px 15px !important;
    transition: all 0.2s ease !important;
}

#main .wc-block-components-combobox .components-form-token-field__suggestion:hover,
#main .wc-block-components-combobox li[role="option"]:hover,
#main .wc-block-components-combobox li[role="option"].is-highlighted {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
}

/* Textarea (notatki do zamówienia) */
#main .wp-block-woocommerce-checkout textarea,
#main .wc-block-checkout__add-note textarea,
#main .wc-block-components-textarea textarea {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 15px !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    resize: vertical !important;
    min-height: 100px !important;
    transition: all 0.3s ease !important;
}

#main .wp-block-woocommerce-checkout textarea:focus,
#main .wc-block-checkout__add-note textarea:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--3dcoq-gray) !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT - ADDRESS CARD (zapisany adres)
   -------------------------------------------------------------------------- */

/* Cała karta adresu */
#main .wc-block-components-address-card,
#main .wc-block-components-address-card-wrapper {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
}

/* Główna linia adresu */
#main .wc-block-components-address-card__address-section {
    color: var(--3dcoq-white) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
}

/* Druga linia adresu (miasto, kod, kraj) - jaśniejsza */
#main .wc-block-components-address-card__address-section--secondary {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
}

/* Link "Edit" na karcie adresu */
#main .wc-block-components-address-card__edit {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
}

#main .wc-block-components-address-card__edit:hover {
    color: var(--3dcoq-white) !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT - CHECKBOXY I RADIO BUTTONS
   -------------------------------------------------------------------------- */

/* Checkboxy */
#main .wp-block-woocommerce-checkout input[type="checkbox"],
#main .wc-block-components-checkbox input[type="checkbox"],
#main .wc-block-checkout input[type="checkbox"] {
    accent-color: var(--3dcoq-gray) !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}

/* Labels checkboxów */
#main .wc-block-components-checkbox__label,
#main .wc-block-components-checkbox label {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    cursor: pointer !important;
}

/* Radio buttons (metody płatności/wysyłki) */
#main .wc-block-components-radio-control input[type="radio"],
#main .wp-block-woocommerce-checkout input[type="radio"] {
    accent-color: var(--3dcoq-gray) !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}

/* Labels radio */
#main .wc-block-components-radio-control__label,
#main .wc-block-components-radio-control__option {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
}

#main .wc-block-components-radio-control__label-group {
    color: var(--3dcoq-white) !important;
}

/* Wybrany radio - highlight */
#main .wc-block-components-radio-control__option-checked,
#main .wc-block-components-radio-control__option:has(input:checked) {
    background-color: rgba(107, 123, 126, 0.1) !important;
    border-radius: var(--3dcoq-radius) !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT - METODY PŁATNOŚCI
   -------------------------------------------------------------------------- */

/* Panel metod płatności */
#main .wc-block-components-payment-method-label,
#main .wc-block-components-payment-method-icons {
    font-family: 'Goldman', cursive !important;
}

/* Ikony płatności */
#main .wc-block-components-payment-method-icons img {
    filter: brightness(0.9) !important;
}

/* Opis metody płatności */
#main .wc-block-components-radio-control-accordion-content,
#main .wc-block-components-payment-method-label--with-icon {
    color: var(--3dcoq-gray) !important;
}

/* Stripe / inne formularze embedded */
#main .wc-block-components-payment-method-label ~ div,
#main #payment .payment_box {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 15px !important;
}

/* Panel informacyjny metod płatności (Przelewy24, Klarna, etc.) */
#main .wc-block-components-radio-control-accordion-content {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 15px !important;
    margin-top: 10px !important;
}

#main .wc-block-components-radio-control-accordion-content p {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
}

/* Stripe Elements iframe container */
#main .wc-block-gateway-container,
#main .wc-block-components-payment-method-form {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 15px !important;
}


/* --------------------------------------------------------------------------
   CHECKOUT - SIDEBAR (Order Summary)
   -------------------------------------------------------------------------- */

/* Nagłówek Order Summary */
#main .wc-block-components-order-summary .wc-block-components-panel__button,
#main .wc-block-checkout__sidebar-title {
    color: var(--3dcoq-white) !important;
    font-family: 'Goldman', cursive !important;
}

/* Produkty w podsumowaniu */
#main .wc-block-components-order-summary-item__description {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
}

#main .wc-block-components-order-summary-item__product-name {
    color: var(--3dcoq-white) !important;
}

#main .wc-block-components-order-summary-item__individual-prices,
#main .wc-block-components-order-summary-item__quantity {
    color: var(--3dcoq-gray) !important;
}

/* CENY w sidebar - BIAŁE */
#main .wp-block-woocommerce-checkout span.wc-block-formatted-money-amount,
#main .wp-block-woocommerce-checkout .wc-block-components-totals-item__value,
#main .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__total-price,
#main .wc-block-components-order-summary-item__total-price span,
#main .wc-block-components-totals-item .wc-block-components-totals-item__value,
#main .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
#main .wc-block-checkout__sidebar .wc-block-formatted-money-amount,
#main .wc-block-checkout__sidebar .amount,
#main .wc-block-components-product-price__value {
    color: var(--3dcoq-white) !important;
    font-family: 'Goldman', cursive !important;
}

/* Subtotal, Shipping, Total labels */
#main .wc-block-components-totals-item__label,
#main .wc-block-components-totals-footer-item__label {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
}

/* Total (większy, wyróżniony) */
#main .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
#main .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: var(--3dcoq-white) !important;
    font-weight: bold !important;
}

/* Shipping method info */
#main .wc-block-components-shipping-rates-control,
#main .wc-block-components-totals-shipping__via {
    color: var(--3dcoq-gray) !important;
}

/* Ukryj ikony/loga przy metodach wysyłki (nie ruszaj ikon płatności) */
#main .wc-block-components-shipping-rates-control img,
#main .wc-block-components-shipping-rates-control svg,
#main .wc-block-components-shipping-rates-control .wc-block-components-radio-control__label-group img,
#main .wc-block-components-shipping-rates-control .wc-block-components-radio-control__label-group svg {
    display: none !important;
}

/* Coupon/discount */
#main .wc-block-components-totals-discount__coupon-list,
#main .wc-block-components-chip {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
}

#main .wc-block-components-chip__text {
    color: var(--3dcoq-gray) !important;
}

/* Coupon Apply button */
#wc-block-components-totals-coupon__form > button {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: 1px solid var(--3dcoq-gray) !important;
    border-radius: var(--3dcoq-radius) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
}

#wc-block-components-totals-coupon__form > button:hover {
    background-color: var(--3dcoq-gray) !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT - PRZYCISK PLACE ORDER
   -------------------------------------------------------------------------- */

#main .wc-block-components-checkout-place-order-button,
#main .wp-block-woocommerce-checkout-actions-block button,
#main .wc-block-checkout__actions button[type="submit"] {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 15px 30px !important;
    font-family: 'Goldman', cursive !important;
    font-size: 16px !important;
    font-weight: normal !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

#main .wc-block-components-checkout-place-order-button:hover,
#main .wp-block-woocommerce-checkout-actions-block button:hover,
#main .wc-block-checkout__actions button[type="submit"]:hover {
    background-color: var(--3dcoq-light-gray) !important;
    color: var(--3dcoq-white) !important;
    transform: scale(1.02) !important;
}

#main .wc-block-components-checkout-place-order-button:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* Ikona/spinner w przycisku */
#main .wc-block-components-checkout-place-order-button .wc-block-components-spinner {
    margin-left: 10px !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT - LINKI I TEKST
   -------------------------------------------------------------------------- */

/* Linki (edit, terms, etc.) */
#main .wp-block-woocommerce-checkout a,
#main .wc-block-checkout a,
#main .wc-block-components-checkout-step a {
    color: var(--3dcoq-gray) !important;
    transition: all 0.3s ease !important;
}

#main .wp-block-woocommerce-checkout a:hover,
#main .wc-block-checkout a:hover,
#main .wc-block-components-checkout-step a:hover {
    color: var(--3dcoq-white) !important;
}

/* Terms and conditions link */
#main .wc-block-checkout__terms a {
    text-decoration: underline !important;
}

/* Tekst ogólny */
#main .wc-block-checkout p,
#main .wc-block-components-checkout-step p {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT - KOMUNIKATY (błędy, info)
   -------------------------------------------------------------------------- */

/* Błędy walidacji */
#main .wc-block-components-validation-error,
#main .wc-block-components-text-input.has-error input {
    box-shadow: 0 0 0 2px #f44336 !important;
}

#main .wc-block-components-validation-error {
    color: #f44336 !important;
    font-family: 'Goldman', cursive !important;
    font-size: 13px !important;
    margin-top: 5px !important;
}

/* Notices (info, error, success) */
#main .wc-block-components-notice-banner {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 15px 20px !important;
    font-family: 'Goldman', cursive !important;
}

#main .wc-block-components-notice-banner.is-error {
    border-left: 4px solid #f44336 !important;
    color: #f44336 !important;
}

#main .wc-block-components-notice-banner.is-success {
    border-left: 4px solid #4CAF50 !important;
    color: #4CAF50 !important;
}

#main .wc-block-components-notice-banner.is-info,
#main .wc-block-components-notice-banner.is-warning {
    border-left: 4px solid #FF9800 !important;
    color: #FF9800 !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT - EXPRESS PAYMENT (PayPal) z-index fix
   -------------------------------------------------------------------------- */

/* PayPal express button nie może nachodzić na sticky header */
#main .wp-block-woocommerce-checkout-express-payment-block,
#main .wc-block-components-express-payment,
#main .wc-block-components-express-payment--checkout,
#main .wc-block-components-express-payment__event-buttons {
    position: relative !important;
    z-index: 1 !important;
}

/* PayPal iframe container */
#main .wc-block-components-express-payment .ppcp-button-apm,
#main .wc-block-components-express-payment [id*="paypal"],
#main .wc-block-components-express-payment iframe {
    position: relative !important;
    z-index: 1 !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT - STEPY (numery kroków)
   -------------------------------------------------------------------------- */

#main .wc-block-components-checkout-step__heading-content::before {
    color: var(--3dcoq-gray) !important;
}

/* Separator między sekcjami */
#main .wc-block-components-checkout-step {
    border-color: var(--3dcoq-dark) !important;
}

/* --------------------------------------------------------------------------
   CHECKOUT - RESPONSYWNOŚĆ
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
    /* Mniejsze paddingi */
    #main .wp-block-woocommerce-checkout input,
    #main .wc-block-components-text-input input,
    #main .wp-block-woocommerce-checkout textarea {
        padding: 10px 12px !important;
    }

    /* Przycisk Place Order */
    #main .wc-block-components-checkout-place-order-button {
        padding: 12px 20px !important;
    }

    /* Order summary - kompaktowy */
    #main .wc-block-components-order-summary-item__image {
        width: 50px !important;
    }
}

/* ==========================================================================
   INPOST PLUGINS - DARK THEME OVERRIDES
   ========================================================================== */

/* --------------------------------------------------------------------------
   INPOST PL - Przycisk "Wybierz Paczkomat" / "Select Parcel Locker"
   -------------------------------------------------------------------------- */

#easypack_block_type_geowidget,
.easypack_show_geowidget {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: 1px solid var(--3dcoq-gray) !important;
    border-radius: var(--3dcoq-radius) !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    padding: 12px 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

#easypack_block_type_geowidget:hover,
.easypack_show_geowidget:hover {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
}

/*
   CHECKOUT PAGE:
   ==============
   STATUS: UKOŃCZONE ✅

   Selektor główny: .wp-block-woocommerce-checkout

   ELEMENTY OSTYLOWANE:
   - Nagłówki sekcji: biały, Goldman
   - Inputy: ciemne tło (#3D4448), biały tekst, radius 10px
   - Focus: 2px gray box-shadow
   - Labels: szary (floating labels)
   - Select/Combobox: ciemne tło, dropdown ostylowany
   - Textarea (order notes): ciemne tło, min-height 100px
   - Checkbox/Radio: accent-color gray, 18px
   - Metody płatności: panel ciemny, ikony
   - Sidebar (Order Summary): ceny białe, labels szare
   - Przycisk Place Order: szary bg, hover light-gray + scale(1.02)
   - Komunikaty: ciemne tło, kolorowe border-left
   - Błędy walidacji: czerwony box-shadow + tekst
   - Responsywność: kompaktowe na mobile

   WZORCE (spójne z resztą strony):
   - Inputy identyczne jak My Account i Contact Form 7
   - Ceny białe (jak w Cart)
   - Przyciski identyczne jak wszędzie
   - Focus: 2px gray box-shadow
   - Font: Goldman wszędzie

   CENY NA SIDEBAR:
   - span.wc-block-formatted-money-amount - biały
   - .wc-block-components-totals-item__value - biały
   - .wc-block-components-order-summary-item__total-price - biały
*/

/*
   CART PAGE:
   ==========
   STATUS: UKOŃCZONE ✅

   Selektor główny: .wp-block-woocommerce-cart

   Struktura:
   .wp-block-woocommerce-cart
     ├─ .wc-block-cart__main (tabela produktów)
     │   └─ .wc-block-cart-item__prices span (cena produktu - biała)
     │   └─ .wc-block-cart-item__total span (suma produktu - biała)
     ├─ .wc-block-cart__sidebar (podsumowanie)
     │   └─ .wc-block-components-totals-item__value (kwoty - białe)
     │   └─ .wc-block-components-totals-item__description span (opis - biały)
     │   └─ .wp-block-woocommerce-proceed-to-checkout-block a (przycisk checkout)
     └─ .wp-block-woocommerce-empty-cart-block (pusty koszyk)
         └─ .wc-block-grid__product-price span (ceny - białe)
         └─ .wc-block-grid__product-add-to-cart a (przyciski Add to Cart)

   Style:
   - Wszystkie ceny/kwoty: biały (--3dcoq-white)
   - UWAGA: Trzeba używać #main prefix żeby przebić regułę #main span { color: gray }
   - Proceed to Checkout hover: biały tekst + scale(1.05)
   - Add to Cart (empty cart) hover: biały tekst + light-gray tło + scale(1.1)
   - Return to shop link hover: biały tekst + light-gray tło/border + scale(1.1)


   404 PAGE:
   =========
   STATUS: UKOŃCZONE ✅ (naprawione przez użytkownika w Elementor)


   MY ACCOUNT PAGE:
   ================
   STATUS: UKOŃCZONE ✅ (naprawione przez użytkownika)
*/

/*
   MINI-CART (Cart Flyout):
   ========================
   STATUS: UKOŃCZONE ✅

   Selektor główny: .cart-flyout
   Trigger: kliknięcie w ikonę koszyka w headerze

   Struktura HTML:
   body > div.cart-flyout
     └─ div.widget_shopping_cart_content
         ├─ ul.woocommerce-mini-cart (lista produktów)
         ├─ p.woocommerce-mini-cart__total.total
         │   └─ span (kwota - biała)
         └─ p.woocommerce-mini-cart__buttons
             ├─ a.button (View Cart)
             └─ a.checkout (Checkout)

   Style:
   - Czcionka: Goldman (bez nadpisywania ikon!)
   - View Cart / Checkout: szary (--3dcoq-gray), transparent background
   - View Cart / Checkout hover: biały + scale(1.1), bez zmiany tła
   - Total (kwota): biały
   - X button (.btn-close-cart): szary, biały + scale na hover
   - Ikony (lastudioicon): NIE nadpisywać font-family!

   UWAGA: Używanie selektora `*` psuje ikony (lastudioicon)!
   Należy targetować konkretne elementy tekstowe.
*/

/* ==========================================================================
   REFUND AND RETURNS / LEGAL PAGES
   ========================================================================== */

#main,
#main h1,
#main h2,
#main h3,
#main h4,
#main p,
#main li,
#main a {
    font-family: 'Goldman', cursive !important;
    color: var(--3dcoq-gray) !important;
}

/* Reset dla Stripe payment containers - przywróć domyślny font */
#main .p-AccordionPanelContents,
#main .p-AccordionPanelContents form,
#main .p-AccordionPanelContents form *,
#main .wc-block-components-radio-control-accordion-content form,
#main .wc-block-components-radio-control-accordion-content form * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Button Subscribe - przyklejony do prawej */
.elementor-element-e9f1641 button,
.elementor-element-e9f1641 input[type="submit"] {
    background-color: var(--3dcoq-gray) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    color: var(--3dcoq-white) !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}

.elementor-element-e9f1641 button:hover,
.elementor-element-e9f1641 input[type="submit"]:hover {
    background-color: var(--3dcoq-light-gray) !important;
}

/* ==========================================================================
   CONTACT PAGE / CONTACT FORM 7
   ========================================================================== */

/* --------------------------------------------------------------------------
   CONTACT FORM 7 - FORMULARZ
   -------------------------------------------------------------------------- */

/* Wrapper formularza */
#main .wpcf7,
#main .wpcf7-form {
    background-color: transparent !important;
}

/* Labels */
#main .wpcf7-form label {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    display: block !important;
    margin-bottom: 5px !important;
}

/* Inputy tekstowe */
#main .wpcf7-form input[type="text"],
#main .wpcf7-form input[type="email"],
#main .wpcf7-form input[type="tel"],
#main .wpcf7-form input[type="url"],
#main .wpcf7-form input[type="number"],
#main .wpcf7-form input[type="date"] {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 15px !important;
    font-family: 'Goldman', cursive !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

/* Textarea */
#main .wpcf7-form textarea {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 15px !important;
    font-family: 'Goldman', cursive !important;
    width: 100% !important;
    min-height: 150px !important;
    resize: vertical !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

/* Placeholder */
#main .wpcf7-form input::placeholder,
#main .wpcf7-form textarea::placeholder {
    color: var(--3dcoq-light-gray) !important;
}

/* Focus state */
#main .wpcf7-form input:focus,
#main .wpcf7-form textarea:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--3dcoq-gray) !important;
}

/* Select dropdown */
#main .wpcf7-form select {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 15px !important;
    font-family: 'Goldman', cursive !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

#main .wpcf7-form select:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--3dcoq-gray) !important;
}

/* Checkbox i Radio */
#main .wpcf7-form input[type="checkbox"],
#main .wpcf7-form input[type="radio"] {
    accent-color: var(--3dcoq-gray) !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}

#main .wpcf7-form .wpcf7-list-item {
    display: block !important;
    margin-bottom: 8px !important;
}

#main .wpcf7-form .wpcf7-list-item label {
    display: inline !important;
    margin-left: 8px !important;
    cursor: pointer !important;
}

/* File input */
#main .wpcf7-form input[type="file"] {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-gray) !important;
    border: 1px dashed var(--3dcoq-gray) !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 15px !important;
    width: 100% !important;
    font-family: 'Goldman', cursive !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

#main .wpcf7-form input[type="file"]:hover {
    border-color: var(--3dcoq-white) !important;
    color: var(--3dcoq-white) !important;
}

#main .wpcf7-form input[type="file"]:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--3dcoq-gray) !important;
}

/* File input - przycisk "Choose file" (webkit) */
#main .wpcf7-form input[type="file"]::file-selector-button {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 8px 16px !important;
    font-family: 'Goldman', cursive !important;
    font-size: 13px !important;
    cursor: pointer !important;
    margin-right: 12px !important;
    transition: all 0.3s ease !important;
}

#main .wpcf7-form input[type="file"]::file-selector-button:hover {
    background-color: var(--3dcoq-light-gray) !important;
}

/* --------------------------------------------------------------------------
   CONTACT FORM 7 - PRZYCISK SUBMIT
   -------------------------------------------------------------------------- */

#main .wpcf7-form input[type="submit"],
#main .wpcf7-form button[type="submit"],
#main .wpcf7-submit {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 30px !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}

#main .wpcf7-form input[type="submit"]:hover,
#main .wpcf7-form button[type="submit"]:hover,
#main .wpcf7-submit:hover {
    background-color: var(--3dcoq-light-gray) !important;
    color: var(--3dcoq-white) !important;
    transform: scale(1.05) !important;
}

/* Disabled state podczas wysyłania */
#main .wpcf7-form input[type="submit"]:disabled,
#main .wpcf7-form button[type="submit"]:disabled,
#main .wpcf7-submit:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* --------------------------------------------------------------------------
   CONTACT FORM 7 - KOMUNIKATY
   -------------------------------------------------------------------------- */

/* Spinner ładowania */
#main .wpcf7-spinner {
    margin-left: 15px !important;
}

/* Komunikat odpowiedzi - bazowy */
#main .wpcf7-response-output {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 15px 20px !important;
    margin: 20px 0 0 0 !important;
    font-family: 'Goldman', cursive !important;
    border-width: 2px !important;
    border-style: solid !important;
}

/* Sukces - zielony */
#main .wpcf7-form.sent .wpcf7-response-output {
    border-color: #4CAF50 !important;
    color: #4CAF50 !important;
}

/* Błąd - czerwony */
#main .wpcf7-form.failed .wpcf7-response-output,
#main .wpcf7-form.aborted .wpcf7-response-output {
    border-color: #f44336 !important;
    color: #f44336 !important;
}

/* Spam - pomarańczowy */
#main .wpcf7-form.spam .wpcf7-response-output {
    border-color: #FF9800 !important;
    color: #FF9800 !important;
}

/* Invalid - żółty/pomarańczowy */
#main .wpcf7-form.invalid .wpcf7-response-output,
#main .wpcf7-form.unaccepted .wpcf7-response-output {
    border-color: #FF9800 !important;
    color: #FF9800 !important;
}

/* Walidacja przy polu - błąd */
#main .wpcf7-not-valid-tip {
    color: #f44336 !important;
    font-family: 'Goldman', cursive !important;
    font-size: 13px !important;
    margin-top: 5px !important;
    display: block !important;
}

/* Pole z błędem walidacji */
#main .wpcf7-form .wpcf7-not-valid {
    box-shadow: 0 0 0 2px #f44336 !important;
}

/* --------------------------------------------------------------------------
   CONTACT FORM 7 - SPACING
   -------------------------------------------------------------------------- */

/* Odstępy między polami */
#main .wpcf7-form p {
    margin-bottom: 20px !important;
}

#main .wpcf7-form-control-wrap {
    display: block !important;
    margin-top: 5px !important;
}

/* --------------------------------------------------------------------------
   CONTACT PAGE - LAYOUT I TREŚĆ
   -------------------------------------------------------------------------- */

/* Nagłówki na stronie kontaktu */
#main .contact-info h2,
#main .contact-info h3,
#main .contact-details h2,
#main .contact-details h3,
#main .elementor-widget-heading .elementor-heading-title {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
}

/* Ikony kontaktowe (email, phone, location) */
#main .elementor-icon-list-icon i,
#main .elementor-icon i,
#main [class*="contact"] .fa,
#main [class*="contact"] .fas,
#main [class*="contact"] .far {
    color: var(--3dcoq-gray) !important;
    transition: all 0.3s ease !important;
}

#main .elementor-icon-list-item:hover .elementor-icon-list-icon i,
#main .elementor-icon:hover i {
    color: var(--3dcoq-white) !important;
    transform: scale(1.1) !important;
}

/* Tekst przy ikonach */
#main .elementor-icon-list-text {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    transition: all 0.3s ease !important;
}

#main .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--3dcoq-white) !important;
}

/* Linki kontaktowe (mailto, tel) */
#main .elementor-icon-list-item a {
    color: var(--3dcoq-gray) !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

#main .elementor-icon-list-item a:hover {
    color: var(--3dcoq-white) !important;
}

/* Social media icons na stronie kontaktu */
#main .elementor-social-icons-wrapper .elementor-social-icon {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    transition: all 0.3s ease !important;
}

#main .elementor-social-icons-wrapper .elementor-social-icon:hover {
    background-color: var(--3dcoq-gray) !important;
    transform: scale(1.1) !important;
}

#main .elementor-social-icons-wrapper .elementor-social-icon i,
#main .elementor-social-icons-wrapper .elementor-social-icon svg {
    color: var(--3dcoq-white) !important;
    fill: var(--3dcoq-white) !important;
}

/* --------------------------------------------------------------------------
   CONTACT PAGE - MAPA (jeśli używana)
   -------------------------------------------------------------------------- */

#main .elementor-widget-google_maps iframe,
#main .elementor-widget-map iframe,
#main [class*="map"] iframe {
    border-radius: var(--3dcoq-radius) !important;
    filter: grayscale(100%) invert(92%) contrast(83%) !important;
}

/* --------------------------------------------------------------------------
   CONTACT PAGE - RESPONSYWNOŚĆ
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
    /* Formularz na pełną szerokość */
    #main .wpcf7-form input[type="text"],
    #main .wpcf7-form input[type="email"],
    #main .wpcf7-form input[type="tel"],
    #main .wpcf7-form textarea,
    #main .wpcf7-form select {
        padding: 10px 12px !important;
    }

    /* Mniejszy przycisk submit */
    #main .wpcf7-form input[type="submit"],
    #main .wpcf7-submit {
        width: 100% !important;
        padding: 12px 20px !important;
    }

    /* Mniejsze odstępy */
    #main .wpcf7-form p {
        margin-bottom: 15px !important;
    }
}

/*
   CONTACT PAGE / CONTACT FORM 7:
   ==============================
   STATUS: UKOŃCZONE ✅

   ELEMENTY OSTYLOWANE:
   - Formularz CF7: inputy, textarea, select, checkbox, radio
   - Przycisk submit: gray bg, hover light-gray + scale(1.05)
   - Komunikaty: success (zielony), error (czerwony), spam/invalid (pomarańczowy)
   - Walidacja: czerwony border + tekst błędu
   - Ikony kontaktowe: gray, hover white + scale
   - Social media icons: dark bg, hover gray + scale
   - Mapa: grayscale + zaokrąglone rogi
   - Responsywność: full-width na mobile

   WZORCE (spójne z resztą strony):
   - Inputy: --3dcoq-dark bg, white text, 10px radius
   - Hover: white + scale(1.1)
   - Button hover: light-gray + scale(1.05)
   - Focus: 2px gray box-shadow
   - Font: Goldman

   SELEKTORY GŁÓWNE:
   - .wpcf7, .wpcf7-form - wrapper formularza
   - .wpcf7-form-control-wrap - wrapper pola
   - .wpcf7-submit - przycisk wysyłania
   - .wpcf7-response-output - komunikat odpowiedzi
   - .wpcf7-not-valid-tip - błąd walidacji
   - .elementor-icon-list-* - lista ikon kontaktowych
   - .elementor-social-icons-wrapper - ikony social media
*/

/* --------------------------------------------------------------------------
   BACK TO TOP BUTTON
   -------------------------------------------------------------------------- */

/* Przycisk - resetuj złote tło z .button */
.backtotop-container .btn-backtotop.button {
    background-color: transparent !important;
    border: none !important;
}

.backtotop-container .btn-backtotop.button:hover {
    background-color: transparent !important;
    border: none !important;
}

/* Ikona strzałki - normalny stan */
.backtotop-container .btn-backtotop .lastudioicon-arrow-up {
    color: var(--3dcoq-gray) !important;
    transition: all 0.3s ease !important;
    display: inline-block;
}

/* Ikona strzałki - hover */
.backtotop-container .btn-backtotop:hover .lastudioicon-arrow-up {
    color: var(--3dcoq-white) !important;
    transform: scale(1.1) !important;
}

/*
   BACK TO TOP BUTTON:
   ===================
   STATUS: UKOŃCZONE ✅

   Struktura HTML:
   .backtotop-container
       a.btn-backtotop.button (href="#outer-wrap")
           span.lastudioicon-arrow-up (ikona strzałki)

   PROBLEM (naprawiony):
   Parent theme (skudmart/style.css linia 2637-2641) ma globalną regułę:
   .button:hover { background-color: #D2A35C; }
   która powodowała złote tło przycisku na hover.

   ROZWIĄZANIE:
   - Wyższa specyficzność selektorów (.backtotop-container .btn-backtotop.button)
   - Wymuszenie transparent background dla .button i .button:hover
   - Stylowanie ikony .lastudioicon-arrow-up zamiast generycznego span/i

   KOLORY:
   - Normalny: --3dcoq-gray (#6B7B7E)
   - Hover: --3dcoq-white (#ffffff) + scale(1.1)

   UWAGA:
   - Nie używać generycznych selektorów (span, i, svg) - targetować klasę ikony
   - display: inline-block wymagane dla transform na span
*/

/* ==========================================================================
   FAQ PAGE (Elementor Toggle)
   ========================================================================== */

/* Zaokrąglone rogi ramek + ciemnoszary border + bez dolnego bordera */
.elementor-toggle .elementor-toggle-item {
    border-radius: var(--3dcoq-radius) !important;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid var(--3dcoq-dark) !important;
    box-shadow: none !important;
}

/* Usunięcie dolnego bordera z nagłówka i contentu */
.elementor-toggle .elementor-tab-title,
.elementor-toggle .elementor-tab-content {
    border: none !important;
    border-bottom: none !important;
}

/* Nagłówek (tytuł pytania) - bez cienia, bez bolda */
.elementor-toggle .elementor-tab-title,
.elementor-toggle .elementor-toggle-title {
    border-radius: var(--3dcoq-radius) !important;
    box-shadow: none !important;
    font-weight: normal !important;
}

/* Usunięcie cienia ze wszystkich elementów toggle */
.elementor-toggle,
.elementor-toggle *,
.elementor-toggle-item,
.elementor-tab-title,
.elementor-tab-content,
.elementor-toggle-icon,
.elementor-toggle-title,
.elementor-widget-toggle,
.elementor-widget-toggle .elementor-widget-container {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    text-shadow: none !important;
    outline: none !important;
}

/* Większy odstęp przed nagłówkami sekcji FAQ */
.elementor-widget-heading + .elementor-widget-toggle {
    /* pierwszy toggle po headingu - bez marginu */
}

.elementor-widget-toggle + .elementor-widget-heading {
    margin-top: 40px !important;
}

/* Strona FAQ - mniejszy odstęp przed stopką */
.page-id-914 .site-main,
.page-id-914 .elementor,
.page-id-1611 .site-main,
.page-id-1611 .elementor {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.page-id-914 .elementor-section:last-child,
.page-id-914 .elementor-container:last-child,
.page-id-914 .e-con:last-child,
.page-id-1611 .elementor-section:last-child,
.page-id-1611 .elementor-container:last-child,
.page-id-1611 .e-con:last-child {
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
}

/* Gdy otwarty - tylko górne rogi zaokrąglone */
.elementor-toggle .elementor-tab-title.elementor-active {
    border-radius: var(--3dcoq-radius) var(--3dcoq-radius) 0 0 !important;
}

/* Treść odpowiedzi - dolne rogi zaokrąglone */
.elementor-toggle .elementor-tab-content {
    border-radius: 0 0 var(--3dcoq-radius) var(--3dcoq-radius) !important;
}

/* Ikona plus (zamknięty) - szara */
.elementor-toggle .elementor-toggle-icon {
    color: var(--3dcoq-gray) !important;
}

.elementor-toggle .elementor-toggle-icon svg {
    fill: var(--3dcoq-gray) !important;
}

.elementor-toggle .elementor-toggle-icon i {
    color: var(--3dcoq-gray) !important;
}

/* Ikona minus (otwarty) - biała */
.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon {
    color: var(--3dcoq-white) !important;
}

.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon svg {
    fill: var(--3dcoq-white) !important;
}

.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon i {
    color: var(--3dcoq-white) !important;
}

/*
   FAQ PAGE (Elementor Toggle):
   ============================
   STATUS: UKOŃCZONE ✅
   PAGE ID: 914

   Struktura strony:
   - Layout: 2 kolumny (grid)
   - Lewa: Products & Quality (5), Usage & DIY (3), Custom Orders (3)
   - Prawa: Shipping & Time (3), Returns & Refunds (6), Privacy (3)
   - Każda sekcja: Heading H3 + osobne Toggle (1 pytanie = 1 toggle)

   Struktura HTML Toggle:
   .elementor-toggle
       .elementor-toggle-item
           .elementor-tab-title (nagłówek pytania)
               .elementor-toggle-icon (ikona +/-)
               .elementor-toggle-title (tekst pytania)
           .elementor-tab-content (treść odpowiedzi)

   STYLE:
   - Ramki: border 1px solid --3dcoq-dark, border-radius 10px
   - Tytuły: font-weight normal (bez bold)
   - Ikona zamknięty: --3dcoq-gray (#6B7B7E)
   - Ikona otwarty: --3dcoq-white (#ffffff)
   - Margin 40px przed nagłówkami sekcji

   PLIKI:
   - working/faq-toggle.json - template Elementor do importu
   - working/faq-do-wklejenia.txt - źródło treści FAQ
*/

/* ==========================================================================
   ORDER TRACKING PAGE
   ========================================================================== */

/* Przycisk Track */
#main .track_order .button,
#main .woocommerce-form-track-order .button,
#main form.track_order button[type="submit"],
.woocommerce-order-tracking .button {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 12px 25px !important;
    font-family: 'Goldman', cursive !important;
    font-weight: normal !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

#main .track_order .button:hover,
#main .woocommerce-form-track-order .button:hover,
#main form.track_order button[type="submit"]:hover,
.woocommerce-order-tracking .button:hover {
    background-color: var(--3dcoq-light-gray) !important;
    color: var(--3dcoq-white) !important;
    transform: scale(1.05) !important;
}

/* Zmniejszenie przestrzeni na stronie Order Tracking */
.page-id-1162 #primary,
.page-id-1162 #content,
.page-id-1605 #primary,
.page-id-1605 #content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.page-id-1162 .single-content-article,
.page-id-1162 .entry,
.page-id-1605 .single-content-article,
.page-id-1605 .entry {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.page-id-1162 .elementor-1162 > div,
.page-id-1162 .elementor-1162 > .elementor-section,
.page-id-1605 .elementor-1605 > div,
.page-id-1605 .elementor-1605 > .elementor-section {
    padding-top: 20px !important;
    margin-top: 0 !important;
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
}

/* ==========================================================================
   SHOP PAGE - HIDING COMPARE & WISHLIST BUTTONS
   ========================================================================== */

/* Hide Compare and Wishlist buttons on product listings */
.products .product .add_compare,
.products .product .add_wishlist,
.woocommerce ul.products .add_compare,
.woocommerce ul.products .add_wishlist,
.product_item .add_compare,
.product_item .add_wishlist,
.product_item--action .add_compare,
.product_item--action .add_wishlist,
/* Additional selectors for all button variants */
.la-core-compare,
.la-core-wishlist,
.la-yith-wishlist,
.la-ti-wishlist,
button.add_compare,
button.add_wishlist,
a.add_compare,
a.add_wishlist,
.product_item_thumbnail_action .add_compare,
.product_item_thumbnail_action .add_wishlist {
    display: none !important;
}

/* ==========================================================================
   SHOP PAGE - LIST VIEW SINGLE COLUMN
   ========================================================================== */

/* Force single column in list view */
.products-list.grid-items,
.woocommerce .products-list.grid-items,
ul.products.products-list {
    grid-template-columns: 1fr !important;
    display: grid !important;
}

.products-list .product_item,
.products-list.grid-items > .product_item,
ul.products.products-list > li.product {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Adjust product layout in list view for better readability */
.products-list .product_item .product_item--inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
}

.products-list .product_item .product_item--thumbnail {
    flex: 0 0 300px;
    max-width: 300px;
}

.products-list .product_item .product_item--info {
    flex: 1;
}

/* ==========================================================================
   SHOP PAGE - PRODUCT PRICES (WHITE)
   ========================================================================== */

/* Ceny na listingu produktów */
.woocommerce ul.products .price,
.woocommerce ul.products .price .amount,
.woocommerce ul.products .price ins,
.woocommerce ul.products .price ins .amount,
.product_item .price,
.product_item .price .amount,
.product_item .price ins .amount {
    color: var(--3dcoq-white) !important;
    font-weight: normal !important;
}

/* Przekreślona stara cena - szara */
.woocommerce ul.products .price del,
.woocommerce ul.products .price del .amount,
.product_item .price del,
.product_item .price del .amount {
    color: var(--3dcoq-gray) !important;
    font-weight: normal !important;
}

/* ==========================================================================
   SHOP PAGE - TOOLBAR LAYOUT & ALIGNMENT
   ========================================================================== */

/* Fix: biały div na mobile - parent theme ustawia background-color: #fff */
.wc-toolbar-container {
    background-color: transparent !important;
}

@media (max-width: 767px) {
    .wc-toolbar-container {
        background-color: var(--3dcoq-bg) !important;
        top: calc(var(--header-height, 60px) + 50px) !important;
    }

    /* Toolbar mobile - centrowanie */
    .wc-toolbar.wc-toolbar-top {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 5px !important;
    }

    /* Ukryj result count na mobile */
    .wc-toolbar .wc-toolbar-left {
        display: none !important;
    }

    /* Prawa strona - flex wrap, centrowanie */
    .wc-toolbar .wc-toolbar-right {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
    }

    /* Grid/List buttons - mniejszy gap */
    .wc-toolbar .wc-view-toggle {
        gap: 5px !important;
    }

    /* Grid/List - pierwszy rząd, pełna szerokość dla centrowania */
    .wc-toolbar .wc-view-toggle {
        width: 100% !important;
        justify-content: center !important;
        order: 1 !important;
    }

    /* Sort i Show - pełna szerokość */
    .wc-toolbar .wc-ordering,
    .wc-toolbar .wc-view-count {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .wc-toolbar .wc-ordering {
        order: 2 !important;
    }

    .wc-toolbar .wc-view-count {
        order: 3 !important;
    }

    .wc-toolbar .wc-ordering button,
    .wc-toolbar .wc-view-count button {
        width: 100% !important;
        justify-content: center !important;
    }

    /* Filters button - trzeci rząd */
    .wc-toolbar .wc-custom-filters {
        order: 4 !important;
        margin-left: 0 !important;
    }

    /* Sekcja produktów - margines górny dla sticky toolbar */
    #la_shop_products,
    .la-shop-products {
        margin-top: 50px !important;
    }
}

/* Reset margin-top na dropdownach (parent theme ma -13px) */
.wc-toolbar .lasf-custom-dropdown {
    margin-top: 0 !important;
    margin-left: 10px !important;
}

/* Reset margin na view-toggle */
.wc-toolbar .wc-view-toggle {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

/* Prawa strona toolbara - flexbox dla wyrównania */
.wc-toolbar .wc-toolbar-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

/* Reset wszystkich margin-left na buttonach w toolbarze */
.wc-toolbar .wc-toolbar-right button {
    margin-left: 0 !important;
}

/* ==========================================================================
   SHOP PAGE - VIEW TOGGLE (GRID/LIST)
   ========================================================================== */

.wc-toolbar .wc-view-toggle {
    display: flex !important;
    gap: 5px !important;
    align-items: center !important;
}

.wc-toolbar .wc-view-toggle button {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-gray) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    float: none !important;
}

.wc-toolbar .wc-view-toggle button:hover {
    color: var(--3dcoq-white) !important;
}

.wc-toolbar .wc-view-toggle button.active {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
}

.wc-toolbar .wc-view-toggle button i {
    font-size: 18px !important;
}

/* ==========================================================================
   SHOP PAGE - DROPDOWN BUTTONS
   ========================================================================== */

/* Wspólne style dla wszystkich przycisków dropdown */
.wc-toolbar .lasf-custom-dropdown button {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 0 40px 0 15px !important;
    height: 44px !important;
    min-width: 130px !important;
    font-family: 'Goldman', cursive !important;
    font-size: 14px !important;
    font-weight: normal !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    margin: 0 !important;
}

/* Strzałka dropdown */
.wc-toolbar .lasf-custom-dropdown button:after {
    color: var(--3dcoq-white) !important;
    right: 15px !important;
}

/* Hover */
.wc-toolbar .lasf-custom-dropdown button:hover {
    background-color: var(--3dcoq-gray) !important;
}

/* Lista rozwijana */
.wc-toolbar .lasf-custom-dropdown ul {
    background-color: var(--3dcoq-dark) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    padding: 5px 0 !important;
    min-width: 100% !important;
}

/* Elementy listy */
.wc-toolbar .lasf-custom-dropdown ul li a {
    color: var(--3dcoq-gray) !important;
    padding: 10px 15px !important;
    display: block !important;
    font-size: 14px !important;
    font-weight: normal !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}

/* Hover/Active na elementach listy */
.wc-toolbar .lasf-custom-dropdown ul li:hover a,
.wc-toolbar .lasf-custom-dropdown ul li.active a {
    color: var(--3dcoq-white) !important;
    background-color: transparent !important;
}

/* ==========================================================================
   SHOP PAGE - FILTERS BUTTON (specjalny dropdown)
   ========================================================================== */

.wc-toolbar .wc-custom-filters .btn-advanced-shop-filter {
    min-width: auto !important;
    padding: 0 15px !important;
}

/* ==========================================================================
   SHOP PAGE - TYPOGRAPHY (NO BOLD FOR SMALL TEXT)
   ========================================================================== */

/* Tytuły produktów - białe, bez bold */
.product_item .product_item--title,
.product_item .product_item--title a,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    font-weight: normal !important;
    color: var(--3dcoq-white) !important;
    transition: all 0.3s ease !important;
}

/* Hover na tytułach - biały (już jest, ale transform) */
.product_item .product_item--title a:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
    color: var(--3dcoq-white) !important;
    transform: scale(1.02) !important;
}

/* Mały tekst - zawsze normal */
.product_item .product_item--info,
.product_item .product_item--info * {
    font-weight: normal !important;
}

/* Result count */
.wc-toolbar .woocommerce-result-count {
    color: var(--3dcoq-gray) !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

/* ==========================================================================
   SHOP PAGE - PRODUCT ACTION BUTTONS (OVERLAY)
   ========================================================================== */

/* Wszystkie przyciski na overlay produktu - ciemne tło, szara ikona */
.product_item_thumbnail_action a,
.product_item_thumbnail_action button,
.product_item .product_item--action a,
.product_item .product_item--action button,
.product_item .la-addcart,
.product_item .add_to_cart_button,
.product_item .quickview {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-gray) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    font-weight: normal !important;
    transition: all 0.3s ease !important;
}

/* Hover - tło zostaje, ikona na biało + scale */
.product_item_thumbnail_action a:hover,
.product_item_thumbnail_action button:hover,
.product_item .product_item--action a:hover,
.product_item .product_item--action button:hover,
.product_item .la-addcart:hover,
.product_item .add_to_cart_button:hover,
.product_item .quickview:hover {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-white) !important;
    transform: scale(1.1) !important;
}

/* SVG ikony na biało przy hover - wszystkie możliwe warianty */
.product_item_thumbnail_action a:hover svg,
.product_item_thumbnail_action button:hover svg,
.product_item .product_item--action a:hover svg,
.product_item .product_item--action button:hover svg {
    fill: var(--3dcoq-white) !important;
    stroke: var(--3dcoq-white) !important;
}

.product_item_thumbnail_action a:hover svg path,
.product_item_thumbnail_action button:hover svg path,
.product_item .product_item--action a:hover svg path,
.product_item .product_item--action button:hover svg path {
    fill: var(--3dcoq-white) !important;
    stroke: var(--3dcoq-white) !important;
}

/* Jeśli SVG używa currentColor */
.product_item_thumbnail_action a:hover *,
.product_item_thumbnail_action button:hover *,
.product_item .product_item--action a:hover *,
.product_item .product_item--action button:hover * {
    color: var(--3dcoq-white) !important;
}

/* ==========================================================================
   SHOP PAGE - PAGINATION
   ========================================================================== */

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    background-color: var(--3dcoq-dark) !important;
    color: var(--3dcoq-gray) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    font-weight: normal !important;
    padding: 10px 15px !important;
    transition: all 0.3s ease !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
}

/* ==========================================================================
   SHOP PAGE - SALE BADGE
   ========================================================================== */

/* Sale badge - biały na ciemnym tle produktu */
.woocommerce .product_item .onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale,
span.onsale,
.onsale {
    background-color: var(--3dcoq-white) !important;
    color: var(--3dcoq-bg) !important;
    font-weight: 600 !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 6px 12px !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 1 !important;
    min-width: auto !important;
}

/* ==========================================================================
   SINGLE PRODUCT PAGE
   ========================================================================== */

/* Kontener formularza Add to Cart - centrowanie */
.single-product form.cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
}

/* Wrapper dla quantity + button */
.single-product form.cart .wrap-cart-cta,
.single-product form.cart .quantity-wrapper {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Przycisk Add to Cart - pełna szerokość, styl 3DCOQ */
.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button {
    width: 100% !important;
    max-width: 100% !important;
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 15px 30px !important;
    font-family: 'Goldman', cursive !important;
    font-size: 16px !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.single-product .single_add_to_cart_button:hover,
.single-product button.single_add_to_cart_button:hover {
    background-color: var(--3dcoq-light-gray) !important;
    transform: scale(1.02) !important;
}

/* Stripe Pay with Link / Express Checkout - dopasuj szerokość */
.single-product .wc-stripe-payment-request-wrapper,
.single-product #wc-stripe-payment-request-button-separator,
.single-product .stripe-payment-request-button-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
}

/* Cena - biała */
.single-product .price,
.single-product .price .amount,
.single-product .price ins,
.single-product .price ins .amount,
.single-product .single-price-wrapper .price,
.single-product p.price {
    color: var(--3dcoq-white) !important;
    font-weight: normal !important;
}

/* Stara cena przekreślona - szara */
.single-product .price del,
.single-product .price del .amount {
    color: var(--3dcoq-gray) !important;
}

/* Ukryj tab Description - zostaje tylko short description */
.single-product .woocommerce-tabs .description_tab,
.single-product .woocommerce-tabs #tab-description,
.single-product .woocommerce-Tabs-panel--description {
    display: none !important;
}

/* Ukryj białe linie/separatory między modułami */
.single-product .product--summary *,
.single-product .entry-summary *,
.single-product .p-right *,
.single-product .la-custom-pright *,
.single-product .la-p-single-wrap * {
    border-color: transparent !important;
}

.single-product hr,
.single-product .product--summary hr,
.single-product .entry-summary hr {
    display: none !important;
}

/* Agresywne usuwanie border-top/bottom */
.single-product form.cart,
.single-product .product_meta,
.single-product .woocommerce-product-details__short-description,
.single-product .single-price-wrapper,
.single-product .wrap-cart-cta,
.single-product .product_title,
.single-product .la-sharing-wrap,
.single-product .yith-wcwl-add-to-wishlist,
.single-product .compare-button,
.single-product .woocommerce-tabs,
.single-product .la-wc-tabs-wrapper {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Ukryj środkową sekcję produktu */
.single-product .s_product_content_middle {
    display: none !important;
}

/* Kreska pod nagłówkiem Related/Upsell - szara */
.single-product .s_product_content_bottom .block_heading h2,
.single-product .block_heading .block_heading--title {
    border-color: var(--3dcoq-gray) !important;
}

/* Strzałki slider (galeria miniaturek) */
.single-product .slick-arrow,
.single-product .slick-prev,
.single-product .slick-next,
.la-woo-thumbs .slick-arrow {
    color: var(--3dcoq-gray) !important;
    opacity: 1 !important;
    transition: all 0.3s ease !important;
}

.single-product .slick-arrow:hover,
.single-product .slick-prev:hover,
.single-product .slick-next:hover,
.la-woo-thumbs .slick-arrow:hover {
    color: var(--3dcoq-white) !important;
    transform: scale(1.1) !important;
}

/* Ukryj tagi produktu */
.single-product .tagged_as,
.single-product .product_meta .tagged_as {
    display: none !important;
}

/* Nawigacja poprzedni/następny produkt */
.single-product .product-nextprev a,
.single-product .product-nextprev a i {
    color: var(--3dcoq-gray) !important;
    transition: all 0.3s ease !important;
}

.single-product .product-nextprev a:hover,
.single-product .product-nextprev a:hover i {
    color: var(--3dcoq-white) !important;
    transform: scale(1.1) !important;
}

/* Stock availability - widoczny */
.single-product .stock,
.single-product p.stock {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--3dcoq-gray) !important;
    font-size: 14px !important;
    margin: 10px 0 !important;
}

.single-product .stock.in-stock,
.single-product .stock-availability .in-stock {
    color: #4CAF50 !important;
}

.single-product .stock.out-of-stock,
.single-product .stock-availability .out-of-stock {
    color: #f44336 !important;
}

.single-product .stock-availability .on-backorder {
    color: #FF9800 !important;
}

.single-product .stock-availability {
    display: block !important;
    font-size: 14px !important;
    margin: 10px 0 !important;
}

/* Ukryj domyślny WooCommerce stock (duplikuje stock-availability) */
.single-product p.stock,
.single-product p.stock.in-stock,
.single-product p.stock.out-of-stock {
    display: none !important;
}

/* --------------------------------------------------------------------------
   OMNIBUS DIRECTIVE - LOWEST PRICE DISPLAY
   -------------------------------------------------------------------------- */

/* Omnibus tekst pod ceną */
.single-product .iworks-omnibus {
    color: var(--3dcoq-light-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-size: 13px !important;
    font-weight: normal !important;
    margin: 4px 0 0 0 !important;
    opacity: 0.8;
}

.single-product .iworks-omnibus .amount {
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
}

/* Shop/Category listings - mniejszy */
.products .iworks-omnibus,
.products [class*="omnibus"] {
    color: var(--3dcoq-light-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-size: 11px !important;
    font-weight: normal !important;
    margin-top: 2px !important;
    opacity: 0.7;
}

/* Cart - jeśli plugin dodaje info */
.woocommerce-cart .iworks-omnibus {
    color: var(--3dcoq-light-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

/* --------------------------------------------------------------------------
   PRODUCT META - REORDER (SKU first, currency second)
   -------------------------------------------------------------------------- */

.single-product .product_meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.single-product .product_meta .sku_wrapper {
    order: 1 !important;
}

.single-product .product_meta .wcml-dropdown,
.single-product .product_meta .wcml_currency_switcher {
    order: 2 !important;
}

.single-product .product_meta .tagged_as {
    order: 3 !important;
}

/* --------------------------------------------------------------------------
   WCML CURRENCY SWITCHER - DARK THEME (styl jak Language Dropdown)
   -------------------------------------------------------------------------- */

.wcml-dropdown,
.wcml_currency_switcher {
    width: auto !important;
}

/* Reset */
.wcml-dropdown,
.wcml-dropdown *,
.wcml-dropdown a,
.wcml-dropdown ul,
.wcml-dropdown li {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important;
    list-style: none !important;
}

.wcml-dropdown ul {
    padding: 0 !important;
    margin: 0 !important;
}

/* Toggle button (aktywna waluta) */
.wcml-dropdown .wcml-cs-item-toggle {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-size: 13px !important;
    font-weight: normal !important;
    padding: 8px 16px !important;
    display: block !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Kontener - ogranicz szerokość */
.wcml-dropdown .wcml-cs-active-currency {
    position: relative !important;
    width: fit-content !important;
    min-width: 320px !important;
}

.wcml-dropdown .wcml-cs-item-toggle:hover,
.wcml-dropdown .wcml-cs-active-currency:hover > .wcml-cs-item-toggle {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--3dcoq-white) !important;
}

/* Submenu (inne waluty) */
.wcml-dropdown .wcml-cs-submenu {
    background-color: var(--3dcoq-bg) !important;
    border-radius: 0 0 var(--3dcoq-radius) var(--3dcoq-radius) !important;
    overflow: hidden !important;
    z-index: 101 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
}

.wcml-dropdown .wcml-cs-submenu li {
    padding: 0 !important;
    margin: 0 !important;
}

.wcml-dropdown .wcml-cs-submenu a {
    background-color: var(--3dcoq-dark) !important;
    border-radius: 0 !important;
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-size: 13px !important;
    font-weight: normal !important;
    padding: 8px 16px !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: all 0.3s ease !important;
}

.wcml-dropdown .wcml-cs-submenu a:hover {
    color: var(--3dcoq-white) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* ==========================================================================
   WPML LANGUAGE SWITCHER (Dropdown)
   ==========================================================================

   STATUS: ⏳ W TRAKCIE

   STRUKTURA:
   .wpml-ls-legacy-dropdown
     ul
       li.wpml-ls-current-language
         a.wpml-ls-item-toggle (przycisk z aktualnym językiem + strzałka)
           img.wpml-ls-flag
           span.wpml-ls-native
         ul.wpml-ls-sub-menu (dropdown z innymi językami)
           li.wpml-ls-item
             a.wpml-ls-link
               img.wpml-ls-flag
               span.wpml-ls-native

   ========================================================================== */

/* Kontener */
.wpml-ls-legacy-dropdown {
    width: auto !important;
}

/* Reset — usunięcie WSZYSTKICH ramek, cieni, outline, białych teł */
.wpml-ls-legacy-dropdown,
.wpml-ls-legacy-dropdown *,
.wpml-ls-legacy-dropdown a,
.wpml-ls-legacy-dropdown ul,
.wpml-ls-legacy-dropdown li {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important;
}

/* Przycisk toggle */
.wpml-ls-legacy-dropdown a {
    background-color: var(--3dcoq-dark) !important;
    border-radius: var(--3dcoq-radius) !important;
    color: var(--3dcoq-gray) !important;
    font-family: 'Goldman', cursive !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
    transition: all 0.3s ease !important;
}

/* Hover — delikatne podświetlenie, nie zmiana tła */
.wpml-ls-legacy-dropdown a:hover,
.wpml-ls-legacy-dropdown a:focus {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--3dcoq-white) !important;
}

/* Toggle hover — ten sam efekt co submenu */
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--3dcoq-white) !important;
}

/* Strzałka dropdown */
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    border: .35em solid transparent !important;
    border-top: .5em solid var(--3dcoq-gray) !important;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover a.wpml-ls-item-toggle:after {
    border: .35em solid transparent !important;
    border-top: .5em solid var(--3dcoq-white) !important;
}

/* Submenu — ta sama szerokość co toggle, dolne rogi zaokrąglone */
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    left: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: var(--3dcoq-bg) !important;
    border-radius: 0 0 var(--3dcoq-radius) var(--3dcoq-radius) !important;
    overflow: hidden !important;
    z-index: 101;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    background-color: var(--3dcoq-dark) !important;
    border-radius: 0 !important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover {
    color: var(--3dcoq-white) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Flagi */
.wpml-ls-legacy-dropdown .wpml-ls-flag {
    border-radius: 2px;
}

/* ==========================================================================
   ABOUT PAGE (O nas)
   ==========================================================================

   STATUS: ⏳ W TRAKCIE

   STRUKTURA:
   - Sekcja 1: Hero (2 kolumny: obraz + tekst)
   - Sekcja 2: Nasza historia (2 kolumny: tekst + obraz)
   - Sekcja 3: Co robimy (2 kolumny: obraz + tekst)
   - Sekcja 4: Kategorie (5 kart w rzędzie)
   - Sekcja 5: CTA (tekst + button)

   KLASY CUSTOM:
   - .buzz — wyróżnienie słów kluczowych (biały na szarym tle)
   - .about-categories — grid 5 kart
   - .about-category-card — pojedyncza karta kategorii
   - .about-placeholder — placeholder zdjęcia
   - .about-cta-btn — button CTA

   ========================================================================== */

/* --------------------------------------------------------------------------
   PAGE-LEVEL FIXES
   -------------------------------------------------------------------------- */
.page-id-892 .elementor-element-a03fd56,
.page-id-892 .elementor-element-d71eb85,
.page-id-1593 .elementor-element-a03fd56,
.page-id-1593 .elementor-element-d71eb85 {
    margin-top: 50px !important;
}

.page-id-892 .elementor-element-fcd0a2a,
.page-id-1593 .elementor-element-fcd0a2a {
    margin-top: 30px !important;
}

/* Heading "Our Story" — wyrównanie font-size do Hero heading */
.elementor-892 .elementor-element-64f5c27 .elementor-heading-title {
    font-size: 56px !important;
}

@media (max-width: 1699px) {
    .elementor-892 .elementor-element-64f5c27 .elementor-heading-title {
        font-size: 50px !important;
    }
}

@media (max-width: 1279px) {
    .elementor-892 .elementor-element-64f5c27 .elementor-heading-title {
        font-size: 36px !important;
    }
}

@media (max-width: 991px) {
    .elementor-892 .elementor-element-64f5c27 .elementor-heading-title {
        font-size: 32px !important;
        letter-spacing: 1px !important;
    }
}

@media (max-width: 575px) {
    .elementor-892 .elementor-element-64f5c27 .elementor-heading-title {
        font-size: 26px !important;
    }
}

/* --------------------------------------------------------------------------
   BUZZWORD HIGHLIGHT
   -------------------------------------------------------------------------- */
.buzz {
    color: var(--3dcoq-white) !important;
    font-weight: inherit !important; /* Goldman źle wygląda pogrubiony */
}

/* --------------------------------------------------------------------------
   PLACEHOLDER IMAGES
   -------------------------------------------------------------------------- */
.about-placeholder {
    background-color: var(--3dcoq-dark);
    border-radius: var(--3dcoq-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--3dcoq-gray);
    font-size: 40px;
    width: 100%;
    aspect-ratio: 16 / 9;
    filter: grayscale(30%);
}

.about-placeholder.ratio-4-3 {
    aspect-ratio: 4 / 3;
}

.about-placeholder.ratio-1-1 {
    aspect-ratio: 1 / 1;
}

/* --------------------------------------------------------------------------
   ABOUT SECTIONS — wspólne
   -------------------------------------------------------------------------- */
.about-section {
    display: flex;
    align-items: center;
    gap: 40px;
    max-width: 1140px;
    margin: 0 auto;
    padding: 40px var(--3dcoq-edge-padding);
}

.about-section.reverse {
    flex-direction: row-reverse;
}

.about-section .about-col-text {
    flex: 1;
}

.about-section .about-col-image {
    flex: 0 0 45%;
    max-width: 45%;
}

.about-section .about-col-image.hero-image {
    flex: 0 0 50%;
    max-width: 50%;
}

/* --------------------------------------------------------------------------
   CATEGORY CARDS
   -------------------------------------------------------------------------- */
.about-categories {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    max-width: 1140px;
    margin: 0 auto;
    padding: 40px var(--3dcoq-edge-padding);
}

.about-category-card {
    background-color: var(--3dcoq-dark);
    border-radius: var(--3dcoq-radius);
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    cursor: default;
}

.about-category-card:hover {
    color: var(--3dcoq-white);
    transform: scale(1.05);
}

.about-category-card:hover .about-card-title,
.about-category-card:hover .about-card-desc {
    color: var(--3dcoq-white) !important;
}

.about-category-card .about-card-emoji {
    font-size: 36px;
    margin-bottom: 10px;
    display: block;
}

.about-category-card .about-card-title {
    color: var(--3dcoq-white);
    font-size: 16px;
    margin-bottom: 8px;
    font-family: 'Goldman', cursive !important;
}

.about-category-card .about-card-desc {
    color: var(--3dcoq-gray);
    font-size: 13px;
    line-height: 1.5;
    font-family: 'Goldman', cursive !important;
}

.about-category-card .about-placeholder.ratio-1-1 {
    margin-bottom: 15px;
    font-size: 28px;
}

/* --------------------------------------------------------------------------
   CTA SECTION
   -------------------------------------------------------------------------- */
.about-cta {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px var(--3dcoq-edge-padding) 60px;
}

.about-cta-btn {
    display: inline-block;
    background-color: var(--3dcoq-gray) !important;
    color: var(--3dcoq-white) !important;
    border: none !important;
    border-radius: var(--3dcoq-radius) !important;
    padding: 14px 30px !important;
    font-family: 'Goldman', cursive !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
    margin-top: 25px;
}

.about-cta-btn:hover {
    background-color: var(--3dcoq-light-gray) !important;
    transform: scale(1.05);
    color: var(--3dcoq-white) !important;
}

/* --------------------------------------------------------------------------
   ABOUT PAGE — RESPONSYWNOŚĆ
   -------------------------------------------------------------------------- */

/* Tablet */
@media (max-width: 1325px) {
    .about-section {
        gap: 30px;
        padding: 30px var(--3dcoq-edge-padding);
    }

    .about-categories {
        grid-template-columns: repeat(3, 1fr);
        padding: 30px var(--3dcoq-edge-padding);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .about-section {
        flex-direction: column !important;
        gap: 20px;
        padding: 25px var(--3dcoq-edge-padding);
    }

    .about-section .about-col-image,
    .about-section .about-col-image.hero-image {
        flex: none;
        max-width: 100%;
        width: 100%;
        order: -1; /* obraz zawsze na górze */
    }

    .about-categories {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        padding: 25px var(--3dcoq-edge-padding);
    }
}

/* Extra small */
@media (max-width: 575px) {
    .about-categories {
        grid-template-columns: 1fr;
    }

    .about-section {
        padding: 20px var(--3dcoq-edge-padding);
    }
}

/* Produkt hover — ciemne tło pod drugim obrazkiem (PNG transparency fix) */
.product_item--thumbnail .p_img-second {
    background-color: var(--3dcoq-bg, #1d1d1d) !important;
}

.product_item--thumbnail .p_img-second img {
    opacity: 0.85 !important;
}

/* Ukrycie przełącznika grid/list — tylko grid */
.wc-toolbar .wc-view-toggle {
    display: none !important;
}

/* ==========================================================================
   /SHOP/ — poprawki mobilne
   ========================================================================== */
@media (max-width: 450px) {
    /* 1. Ukrycie page-header — bez zostawiania luki */
    .woocommerce-page #section_page_header {
        display: none !important;
    }
    .woocommerce-page #main #content-wrap {
        padding-top: var(--header-height, 180px) !important;
    }

    /* 2. Ukrycie całego toolbara */
    #content > article > div.wc-toolbar-container {
        display: none !important;
    }

    /* 3. Zdjęcia produktów — 50% mniejsze */
    .product_item--thumbnail img {
        width: 50% !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
    }
}