/*
 Theme Name:   Leifheit Child
 Theme URI:    https://shop.vladi.co.rs
 Description:  Child tema za Leifheit.rs e-commerce sajt (parent: Hello Elementor)
 Author:       Leifheit RS
 Author URI:   https://leifheit.rs
 Template:     hello-elementor
 Version:      1.0.20
 Text Domain:  leifheit-child
*/


/* ==========================================================================
   GLOBAL LINK HOVER — bold instead of color change
   (buttons keep their own background-color hover; excluded below)
   ========================================================================== 
a:hover:not(.button):not(.add_to_cart_button):not(.single_add_to_cart_button):not(.elementor-button) {
    font-weight: 700 !important;
}*/


/* Fontovi (Gilroy @font-face), globalna font-family osnova i mobilni
   overflow-x fix preseljeni u leifheit-tweaks plugin
   (assets/css/leifheit.css) — Korak 0, Faza 3/5. */

/* ==========================================================================
   GLOBALNI PAGE HEADER BANER (category page navy strip)
   ========================================================================== */

.woocommerce-products-header {
    background: linear-gradient(90deg, #00586D 0%, #2DCCD3 100%);
    padding: 50px 40px 40px 40px;
    margin-bottom: 20px;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
}

.site-main {
    overflow: visible !important;
}

.content-area {
    overflow: visible !important;
}

.woocommerce-products-header__title {
    color: #ffffff !important;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Gilroy', sans-serif;
    margin: 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}


/* ==========================================================================
   SINGLE PRODUCT PAGE — DUGME + CENA
   ========================================================================== */

.single_add_to_cart_button {
    background-color: #E2001A !important;
    border-color: #E2001A !important;
}

.single_add_to_cart_button:hover {
    background-color: #C0001A !important;
    border-color: #C0001A !important;
}

/* ==========================================================================
   CATEGORY PAGE — GRID LAYOUT (3 kolone)
   ========================================================================== */

.woocommerce ul.products.columns-4,
.woocommerce ul.products.columns-3 {
    width: 100% !important; 
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

.woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

/* Fix prazno mesto u gridu */
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
}


/* ==========================================================================
   CATEGORY PAGE — PRODUCT KARTICA
   ========================================================================== */

.woocommerce ul.products li.product {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    padding: 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: box-shadow 0.2s ease;
    display: flex !important;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

/* Slika wrapper */
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
    position: relative;
    display: block;
    overflow: hidden;
    background: #ffffff;
}

/* Slika — fiksna visina, zoom on hover */
.woocommerce ul.products li.product a img {
    width: 100% !important;
    height: 220px !important;
    object-fit: contain !important;
    background: #ffffff;
    padding: 20px;
    box-sizing: border-box;
    display: block;
    transition: transform 0.3s ease;
}

.woocommerce ul.products li.product:hover a img {
    transform: scale(1.07);
}

/* Overlay na hover */
.woocommerce ul.products li.product a.woocommerce-loop-product__link::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 88, 109, 0.15);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.woocommerce ul.products li.product:hover a.woocommerce-loop-product__link::after {
    opacity: 1;
}

/* Naziv proizvoda */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product a.woocommerce-loop-product__link h2 {
    color: #1a1a1a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 12px 15px 6px 15px !important;
    line-height: 1.4;
}

.woocommerce ul.products li.product a {
    color: #1a1a1a !important;
    text-decoration: none !important;
}

/* Cena */
.woocommerce ul.products li.product .price {
    padding: 0 15px 15px 15px !important;
    font-size: 15px !important;
    color: #00586D !important;
    font-weight: 700 !important;
}

.woocommerce ul.products li.product .price del {
    color: #707070 !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

.woocommerce ul.products li.product .price ins {
    text-decoration: none !important;
    color: #E30613 !important;
}

/* Dodaj u korpu — overlay dugme na slici */
.woocommerce ul.products li.product .button {
    position: absolute !important;
    top: 175px !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(10px) !important;
    width: auto !important;
    white-space: nowrap !important;
    background: #00586D !important;
    color: #fff !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    padding: 10px 20px !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
    z-index: 10 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product:hover .button {
    opacity: 1 !important;
    transform: translateX(-50%) translateY(0) !important;
}


/* ==========================================================================
   PROCENAT POPUSTA BADGE
   ========================================================================== */

.leifheit-discount-pct {
    display: inline-block;
    background: #E30613;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 7px;
    border-radius: 3px;
    margin: 0 15px 8px 15px;
}


/* ==========================================================================
   HEADER — SEARCH DUGME STILOVI
   ========================================================================== */

/* Uniformne ikonice u headeru */
.header-icon,
.mobile-search-btn {
    width: 38px !important;
    height: 38px !important;
}

/* Search dugme — transparentno, navy lupa */
form[role="search"] button[type="submit"] {
    background-color: transparent;
    border: none;
    box-shadow: none;
    cursor: pointer;
}

form[role="search"] button[type="submit"]:hover {
    background-color: transparent;
}

form[role="search"] button[type="submit"] svg {
    stroke: #00586D;
    transition: stroke 0.2s ease;
}

form[role="search"] button[type="submit"]:hover svg {
    stroke: #C00;
}


/* ==========================================================================
   MOBILNI SEARCH BAR
   ========================================================================== */

.mobile-search-bar {
    display: none;
    width: 100%;
    padding: 8px 12px;
    background: #fff;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    position: relative;
    z-index: 999;
}

.mobile-search-bar.open {
    display: flex;
}

.mobile-search-bar form {
    display: flex;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
}

.mobile-search-bar input {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    padding: 10px 12px;
    font-size: 14px;
    font-family: Gilroy, sans-serif;
    box-sizing: border-box;
}

.mobile-search-bar button[type="submit"] {
    background: #00586D;
    border: none;
    padding: 10px 14px;
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-search-bar button[type="submit"]:hover {
    background: #E30613;
}



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

/* --- Layout kontejner --- */
.woocommerce div.product {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* --- Breadcrumbs --- */
.woocommerce-breadcrumb {
    font-size: 13px !important;
    color: #888 !important;
    padding: 20px 0 25px 0 !important;
    margin: 0 !important;
    font-weight: 400;
}

.woocommerce-breadcrumb a {
    color: #00586D !important;
    text-decoration: none !important;
    font-weight: 500;
}

.woocommerce-breadcrumb a:hover {
    font-weight: 700 !important;
}

/* --- Naslov proizvoda --- */
.woocommerce div.product .product_title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
    font-family: 'Gilroy', sans-serif !important;
}

/* --- SKU + Stock linija (dodaje se PHP-om) --- */
.leifheit-sku-stock {
    font-size: 13px;
    color: #888;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.leifheit-sku-stock .sku-label {
    color: #888;
}

.leifheit-sku-stock .sku-value {
    color: #555;
    font-weight: 600;
}

.leifheit-sku-stock .stock-status {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #28a745;
    font-weight: 600;
}

.leifheit-sku-stock .stock-dot {
    width: 8px;
    height: 8px;
    background: #28a745;
    border-radius: 50%;
    display: inline-block;
}

/* --- Kratki opis --- */
.woocommerce div.product .woocommerce-product-details__short-description {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 20px;
}

/* --- Trust checkmarks (dodaje se PHP-om) --- */
.leifheit-trust-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 25px 0 !important;
}

.leifheit-trust-list li {
    font-size: 14px;
    color: #333;
    padding: 4px 0;
    padding-left: 24px;
    position: relative;
    line-height: 1.5;
}

.leifheit-trust-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #00586D;
    font-weight: 700;
}

.leifheit-trust-list li a {
    color: #E2001A !important;
    text-decoration: underline;
}

/* --- Cena + Dodaj u korpu zona --- */
.woocommerce div.product form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 15px;
    background: #f8f9fa;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}

/* Stara cena precrtana */
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    color: #707070 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

/* Nova cena */
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    color: #1a1a1a !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-size: 22px !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

/* Quantity polje */
.woocommerce div.product form.cart .quantity {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.woocommerce div.product form.cart .quantity .qty {
    width: 45px !important;
    text-align: center;
    border: none !important;
    font-size: 15px;
    font-weight: 600;
    padding: 8px 0;
    -moz-appearance: textfield;
}

.woocommerce div.product form.cart .quantity .qty::-webkit-inner-spin-button,
.woocommerce div.product form.cart .quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* +/- dugmad (dodaje se JS-om) */
.leifheit-qty-btn {
    width: 36px;
    height: 36px;
    border: none;
    background: #fff;
    font-size: 18px;
    font-weight: 600;
    color: #00586D;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
}

.leifheit-qty-btn:hover {
    background: #f0f0f0;
}

/* Količina label */
.leifheit-qty-label {
    font-size: 13px;
    color: #666;
    margin-right: 8px;
}

/* Dodaj u korpu dugme */
.woocommerce div.product form.cart .single_add_to_cart_button {
    background-color: #E2001A !important;
    border: none !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    border-radius: 4px !important;
    cursor: pointer;
    transition: background 0.2s ease;
    white-space: nowrap;
    display: flex !important;
    align-items: center;
    gap: 8px;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background-color: #C0001A !important;
}

/* Gallery — relative + clip for ribbon */
.woocommerce div.product div.images,
.woocommerce-product-gallery {
    position: relative !important;
    overflow: hidden !important;
}

/* Onsale "Akcija" ribbon styling is centralized in leifheit-tweaks.php (wp_head). */

/* Discount circle (-XX%) styling is centralized in leifheit-tweaks.php (wp_head),
   with full !important so it survives flexSlider's inline styles on gallery children. */

/* Hide any leftover default sale badge that appears outside gallery */
.woocommerce div.product > span.onsale {
    display: none !important;
}

/* Hide zoom trigger icon on product gallery */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display: none !important;
}

/* --- Kategorije kao pilule --- */
.leifheit-category-pills {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.leifheit-category-pills .cat-label {
    font-size: 13px;
    color: #666;
}

.leifheit-category-pills a {
    display: inline-block;
    padding: 4px 14px;
    border: 1px solid #ddd;
    border-radius: 20px;
    font-size: 13px;
    color: #333 !important;
    text-decoration: none !important;
    transition: all 0.15s ease;
}

.leifheit-category-pills a:hover {
    border-color: #00586D;
    font-weight: 700 !important;
    background: #f8f9fa;
}

/* Sakrij default WC product_meta (SKU, kategorije) */
.woocommerce div.product .product_meta {
    display: none !important;
}

/* --- Linkovi ispod kategorija --- */
.leifheit-product-links {
    margin-bottom: 30px;
}

.leifheit-product-links a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    font-size: 14px;
    color: #333 !important;
    text-decoration: none !important;
    transition: color 0.15s ease;
}

.leifheit-product-links a:hover {
    font-weight: 700 !important;
}

.leifheit-product-links a .arrow {
    font-size: 18px;
    transition: transform 0.15s ease;
}

.leifheit-product-links a:hover .arrow {
    transform: translateX(4px);
}


/* ==========================================================================
   SINGLE PRODUCT — TABOVI (Opis / Komentari)
   ========================================================================== */

body.single-product .woocommerce-tabs {
    margin-top: 50px !important;
}

body.single-product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
    margin: 0 0 0 0 !important;
    border: none !important;
    display: flex !important;
    gap: 0 !important;
    list-style: none !important;
}

body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs::after {
    display: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li a {
    display: block !important;
    padding: 14px 30px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #666 !important;
    background: #f0f0f0 !important;
    border-radius: 6px 6px 0 0 !important;
    text-decoration: none !important;
    border: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li.active {
    background: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li.active a {
    background: #00586D !important;
    color: #ffffff !important;
}

body.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
    background: #f8f9fa !important;
    border-radius: 0 6px 6px 6px !important;
    padding: 30px !important;
    border: none !important;
    box-shadow: none !important;
}

body.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 15px !important;
}

body.single-product .woocommerce-tabs .woocommerce-Tabs-panel p {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #444 !important;
}


/* ==========================================================================
   SINGLE PRODUCT — RELATED / SLIČNI PROIZVODI
   ========================================================================== */

.woocommerce div.product .related.products {
    margin-top: 50px;
}

.woocommerce div.product .related.products > h2 {
    font-size: 26px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
    color: #1a1a1a !important;
}

/* Related products — 4 kolone na desktopu.
   Mora stajati PRE @media bloka ispod da bi mobilni 1-kolona override pobedio. */
.woocommerce div.product .related.products ul.products {
    grid-template-columns: repeat(4, 1fr) !important;
}


/* ==========================================================================
   SINGLE PRODUCT — MOBILNI RESPONSIVE
   ========================================================================== */

@media (max-width: 768px) {
/* dodao nemanja odavde */
.woocommerce div.product div.images .flex-control-thumbs {
    order: 0 !important;
    flex-direction: row !important;
    width: 100% !important;
    min-width: 100% !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap !important;
    gap: 8px;
    padding-bottom: 4px !important;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    flex: 0 0 70px !important;
    width: 70px !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    width: 70px !important;
    height: 70px !important;
}
/* dodao nemanja do ovde */

    .woocommerce div.product .product_title {
        font-size: 22px !important;
    }

    /* Cart form — stack vertically on mobile (prevents button overflow).
       body.single-product prefix raises specificity above the desktop
       form.cart {flex-wrap:nowrap} rule defined later in this file. */
    .woocommerce.single-product div.product form.cart {
        flex-wrap: wrap !important;
        padding: 12px !important;
    }

    .woocommerce.single-product div.product form.cart .quantity {
        width: auto !important;
    }

    .woocommerce.single-product div.product form.cart .single_add_to_cart_button {
        width: 100% !important;
        margin-top: 8px !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    .woocommerce.single-product .leifheit-cart-price {
        width: 100% !important;
        margin-bottom: 8px !important;
    }

    .leifheit-qty-label {
        display: none !important;
    }

    /* Related products — 1 kolona na mobilnom */
    .woocommerce div.product .related.products ul.products {
        grid-template-columns: 1fr !important;
    }

    /* Tabs — full width (mobile) */
    body.single-product .woocommerce-tabs ul.tabs li a {
        padding: 12px 18px !important;
        font-size: 14px !important;
    }

    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
        padding: 20px !important;
    }

    /* Category page — 1 kolona na mobilnom */
    .woocommerce ul.products.columns-4,
    .woocommerce ul.products.columns-3 {
        grid-template-columns: 1fr !important;
    }
/* Category page — 1 kolona na mobilnom */
    .woocommerce ul.products.columns-4,
    .woocommerce ul.products.columns-3 {
        grid-template-columns: 1fr !important;
    }

    /* Category header — full width, no white gap */
    .woocommerce-products-header {
        padding: 30px 20px 25px 20px !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        width: 100vw !important;
    }
    
    .woocommerce-products-header__title {
        font-size: 26px !important;
        padding: 0 !important;
        max-width: 80% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .woocommerce-products-header .term-description {
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 90vw !important;
    }
    .woocommerce-products-header .term-description p {
        font-size: 13px !important;
        text-align: justify !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
        box-sizing: border-box !important;        
    }
    /* Sort dropdown + results count — padding on mobile */
    .woocommerce-notices-wrapper,
    .woocommerce-result-count,
    .woocommerce-ordering {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    @media (max-width: 768px) {
    .woocommerce-result-count {
        font-size: 13px !important;
    }
        
    }

    .site-main,
    .content-area,
    .woocommerce {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/* Breadcrumb separator */
.woocommerce-breadcrumb .breadcrumb-sep {
    margin: 0 6px;
    color: #bbb;
    font-size: 14px;
}

/* Price inside cart zone */
.leifheit-cart-price {
    margin-right: auto;
}

.leifheit-cart-price del {
    color: #707070 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.leifheit-cart-price del .woocommerce-Price-amount {
    color: #707070 !important;
}

.leifheit-cart-price .leifheit-current-price {
    font-size: 22px !important;
    font-weight: 700 !important;
}

.leifheit-cart-price .leifheit-current-price .woocommerce-Price-amount {
    color: #1a1a1a !important;
}

/* Hide default WC price on single product (moved into cart zone) */
.woocommerce div.product > .summary > p.price,
.woocommerce div.product > .summary > span.price {
    display: none !important;
}

/* Cart zone layout — price left, quantity+button right */
.woocommerce div.product form.cart {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.leifheit-cart-price {
    display: flex;
    flex-direction: column;
    margin-right: auto;
    line-height: 1.3;
}

.leifheit-cart-price del {
    order: -1;
}

/* Fix price wrapping in cart zone */
.leifheit-cart-price .leifheit-current-price,
.leifheit-cart-price .leifheit-current-price .woocommerce-Price-amount {
    white-space: nowrap !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    display: inline !important;
}

.leifheit-cart-price del,
.leifheit-cart-price del .woocommerce-Price-amount {
    white-space: nowrap !important;
    display: inline !important;
}

/* Gallery thumbnails — neat single row */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    overflow-x: auto;
    margin-top: 10px !important;
    padding: 0 !important;
    list-style: none !important;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    flex: 0 0 auto;
    width: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
    border: 1px solid #eee;
    border-radius: 4px;
    cursor: pointer;
    padding: 4px;
    box-sizing: border-box;
    transition: border-color 0.15s ease;
}

.woocommerce div.product div.images .flex-control-thumbs li img:hover,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    border-color: #00586D;
}

/* Estimated shipping cost */
.leifheit-estimated-shipping {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 0;
    margin-bottom: 15px;
    font-size: 14px;
    color: #555;
    border-bottom: 1px solid #eee;
}

.leifheit-estimated-shipping .shipping-icon {
    font-size: 16px;
}

.leifheit-estimated-shipping .shipping-label {
    color: #666;
}

.leifheit-estimated-shipping .shipping-cost {
    font-weight: 700;
    color: #00586D;
}

/* WooCommerce product gallery — fix columns override */
.woocommerce div.product div.images.woocommerce-product-gallery--with-images ol {
    display: flex !important;
    grid-template-columns: unset !important;
}

/* Gallery main image — fixed height container */
.woocommerce div.product div.images .woocommerce-product-gallery__image {
    height: 450px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #fff;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

@media (max-width: 768px) {
    .woocommerce div.product div.images .woocommerce-product-gallery__image {
        height: 300px !important;
    }
}

/* ==========================================================================
   PRODUCT GALLERY — THUMBNAILS LEFT (vertical)
   Supersedes the earlier "neat single row" thumbnail block above.
   ========================================================================== */

/* Gallery container — horizontal flex: thumbs left, main image right */
.woocommerce div.product div.images.woocommerce-product-gallery {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px;
}

/* Thumbnails column — left side, vertical */
.woocommerce div.product div.images .flex-control-thumbs {
    order: -1 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    width: 80px !important;
    min-width: 80px !important;
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar {
    display: none;
}

/* Individual thumbnail */
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 80px !important;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
    border: 2px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    padding: 4px;
    box-sizing: border-box;
    transition: border-color 0.15s ease;
    background: #f8f8f8;
}

.woocommerce div.product div.images .flex-control-thumbs li img:hover,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    border-color: #00586D;
}

/* Main image — takes remaining width */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    flex: 1 !important;
    min-width: 0;
}

/* Ribbon on single product — corner banner on the MAIN image.
   The .onsale is positioned relative to flexslider's .flex-viewport (the main
   image area, NOT the whole gallery), so it needs corner values, not a
   thumbnail-column offset. Negative left + overflow:hidden = corner triangle. */
.woocommerce div.product div.images .onsale,
.woocommerce-product-gallery .onsale {
    left: -42px !important;
    top: 22px !important;
    z-index: 15 !important;
}

/* Mobile — revert to thumbnails below */
@media (max-width: 768px) {
    .woocommerce div.product div.images.woocommerce-product-gallery {
        flex-direction: column !important;
    }

    .woocommerce div.product div.images .flex-control-thumbs {
        order: 0 !important;
        flex-direction: row !important;
        width: 100% !important;
        min-width: 100% !important;
        max-height: none;
        overflow-y: visible;
        overflow-x: auto;
    }

    /* Mobile — ribbon resets to image corner (no thumbnail column) */
    .woocommerce div.product div.images .onsale,
    .woocommerce-product-gallery .onsale {
        left: -20px !important;
        top: 10px !important;
    }
}
/* ==========================================================================
   CENE — konzistentno na svim stranicama
   ========================================================================== */

/* Redovna cena — uvek crna */
.woocommerce-Price-amount {
    color: #1a1a1a !important;
}

/* Stara cena (precrtana) — crna, tanja, strikethrough */
del .woocommerce-Price-amount,
.price del .woocommerce-Price-amount {
    color: #707070 !important;
    font-weight: 400 !important;
}

/* Snižena (akcijska) cena — crvena */
ins .woocommerce-Price-amount,
.price ins .woocommerce-Price-amount {
    color: #E2001A !important;
    font-weight: 700 !important;
}

/* Ukloni underline sa ins taga */
ins {
    text-decoration: none !important;
}

/* Cart zona na product page — nova cena crna (nije crvena) */
.leifheit-cart-price .leifheit-current-price .woocommerce-Price-amount {
    color: #1a1a1a !important;
}

/* Cart zona — stara cena siva */
.leifheit-cart-price del .woocommerce-Price-amount {
    color: #707070 !important;
}

/* ============================================================
   CATEGORY PAGE ENHANCEMENTS (stock status, cena label, subcat nav)
   ============================================================ */

/* Stock status on product cards */
.leifheit-card-stock {
    font-size: 12px;
    padding: 2px 15px 8px 15px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.leifheit-card-stock.in-stock {
    color: #1f8035;
}

.leifheit-card-stock.out-of-stock {
    color: #dc3545;
}

.leifheit-card-stock .stock-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
}

.leifheit-card-stock.in-stock .stock-dot {
    background: #28a745;
}

.leifheit-card-stock.out-of-stock .stock-dot {
    background: #dc3545;
}

/* Price label + right alignment */
.woocommerce ul.products li.product .price {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
}

.leifheit-price-label {
    font-size: 13px;
    font-weight: 400;
    color: #666;
}

/* Subcategory navigation pills */
.leifheit-subcat-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 25px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #eee;

}

.leifheit-subcat-nav .subcat-pill {
    display: inline-block;
    padding: 8px 20px;
    border: 1px solid #ddd;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 500;
    color: #333 !important;
    text-decoration: none !important;
    transition: all 0.15s ease;
    background: #fff;
}

.leifheit-subcat-nav .subcat-pill:hover {
    border-color: #00586D;
    color: #00586D !important;
    background: #f0f9fa;
}

.leifheit-subcat-nav .subcat-pill.active {
    background: #00586D;
    border-color: #00586D;
    color: #fff !important;
}

/* Sort dropdown styling */
.woocommerce-ordering select.orderby {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 13px;
    font-family: 'Gilroy', sans-serif;
    color: #333;
    background: #fff;
    cursor: pointer;
}

.woocommerce-ordering select.orderby:focus {
    border-color: #00586D;
    outline: none;
}

/* Category SEO description - inside gradient header  */
.woocommerce-products-header .term-description {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0 !important;
    padding: 0 20px;
}

.woocommerce-products-header .term-description p {
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    opacity: 0.9;
    max-width: 800px;
}
/* 
====================

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

/* ==========================================================================
   CART & CHECKOUT — stilizacija
   ========================================================================== */

/* Pozadina stranice */
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main {
    background: #f5f6f8;
    padding-bottom: 40px !important;
}

/* Naslovi stranica */
.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title {
    font-family: 'Gilroy', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    padding: 30px 0 20px !important;
    margin: 0 !important;
}

/* ---- CART PAGE ---- */

/* Tabela korpe */
.woocommerce-cart table.shop_table {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 6px !important;
    border-collapse: separate !important;
    overflow: hidden;
}

.woocommerce-cart table.shop_table th {
    background: #f8f9fa !important;
    color: #666 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #e8e8e8 !important;
}

.woocommerce-cart table.shop_table td {
    padding: 16px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.woocommerce-cart table.shop_table .product-name a {
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

.woocommerce-cart table.shop_table .product-name a:hover {
    color: #00586D !important;
}

/* Thumbnail u korpi */
.woocommerce-cart table.shop_table .product-thumbnail img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain !important;
    border: 1px solid #eee !important;
    border-radius: 4px !important;
    padding: 4px !important;
    background: #fff !important;
}

/* Remove dugme */
.woocommerce-cart table.shop_table .product-remove a {
    color: #999 !important;
    font-size: 20px !important;
    text-decoration: none !important;
}

.woocommerce-cart table.shop_table .product-remove a:hover {
    color: #E2001A !important;
}

/* Quantity u korpi */
.woocommerce-cart table.shop_table .quantity .qty {
    width: 50px !important;
    text-align: center !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 6px !important;
    font-size: 14px !important;
}

/* Kupon + ažuriranje */
/* NB: !important uklonjen 2026-06-15 — gazio je noviji coupon-row dizajn
   (Cart actions row polish). Noviji, specifičniji selektori sada pobeđuju. */
.woocommerce-cart .coupon .input-text {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 14px;
    font-family: 'Gilroy', sans-serif;
}

.woocommerce-cart .coupon .button,
.woocommerce-cart button[name="update_cart"] {
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Gilroy', sans-serif;
    cursor: pointer;
    transition: all 0.2s;
}

.woocommerce-cart .coupon .button:hover,
.woocommerce-cart button[name="update_cart"]:hover {
    border-color: #00586D;
    color: #00586D;
}

/* Cart totals box */
.woocommerce-cart .cart_totals {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 6px !important;
    padding: 24px !important;
}

.woocommerce-cart .cart_totals h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #eee !important;
}

.woocommerce-cart .cart_totals table {
    border: none !important;
}

.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
    padding: 10px 0 !important;
    border: none !important;
    font-size: 15px !important;
}

.woocommerce-cart .cart_totals table th {
    color: #666 !important;
    font-weight: 500 !important;
}

.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    padding-top: 16px !important;
    border-top: 1px solid #eee !important;
}

/* Nastavi na plaćanje dugme */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    background: #E2001A !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 16px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'Gilroy', sans-serif !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    transition: background 0.2s !important;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
    background: #C0001A !important;
}

/* ---- CHECKOUT PAGE ---- */

/* Form container */
.woocommerce-checkout .col2-set {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 6px !important;
    padding: 30px !important;
    margin-bottom: 24px !important;
}

.woocommerce-checkout .col2-set h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #eee !important;
}

/* Input fields */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    font-family: 'Gilroy', sans-serif !important;
    color: #333 !important;
    background: #fff !important;
    width: 100% !important;
    transition: border-color 0.2s !important;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus {
    border-color: #00586D !important;
    outline: none !important;
}

.woocommerce-checkout .form-row label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 6px !important;
}

/* Order review box */
#order_review_heading {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 16px !important;
}

.woocommerce-checkout #order_review {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 6px !important;
    padding: 24px !important;
}

.woocommerce-checkout #order_review table {
    border: none !important;
}

.woocommerce-checkout #order_review table th,
.woocommerce-checkout #order_review table td {
    padding: 10px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    font-size: 14px !important;
}

.woocommerce-checkout #order_review table .order-total th,
.woocommerce-checkout #order_review table .order-total td {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    border-top: 1px solid #eee !important;
    padding-top: 16px !important;
}

/* Payment methods */
.woocommerce-checkout #payment {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 6px !important;
    padding: 24px !important;
    margin-top: 24px !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    border: none !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    padding: 12px 16px !important;
    border: 1px solid #eee !important;
    border-radius: 4px !important;
    margin-bottom: 8px !important;
    background: #f8f9fa !important;
}

.woocommerce-checkout #payment ul.payment_methods li label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #333 !important;
    cursor: pointer !important;
}

.woocommerce-checkout #payment .payment_box {
    background: #f8f9fa !important;
    border: none !important;
    padding: 12px 16px !important;
    color: #666 !important;
    font-size: 13px !important;
}

/* Naručite dugme */
.woocommerce-checkout #place_order {
    background: #E2001A !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 16px 32px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-family: 'Gilroy', sans-serif !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

.woocommerce-checkout #place_order:hover {
    background: #C0001A !important;
}

/* Privacy text */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
    font-size: 13px !important;
    color: #666 !important;
    margin-top: 16px !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a {
    color: #00586D !important;
}

/* Notices */
.woocommerce-cart .woocommerce-info,
.woocommerce-checkout .woocommerce-info {
    border-color: #00586D !important;
    background: #f0f9fa !important;
    color: #333 !important;
}

.woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-error {
    border-color: #E2001A !important;
}

/* ---- CART & CHECKOUT MOBILE ---- */
@media (max-width: 768px) {
    .woocommerce-cart .site-main,
    .woocommerce-checkout .site-main {
        padding: 0 10px !important;
    }
    .woocommerce-checkout .col2-set {
        padding: 20px 16px !important;
    }
    .woocommerce-cart .cart_totals,
    .woocommerce-checkout #order_review,
    .woocommerce-checkout #payment {
        padding: 16px !important;
    }
}

/* Footer list arrows (Brzi Meni / Pomoć pri kupovini) — match link text (white) instead of red.
   The footer is a custom HTML widget: arrows are .lh-links a::before colored var(--lh-red) #C00.
   We override only the chevron color here (the --lh-red token is also the newsletter button, so
   we must NOT change the variable itself). Solid white = exact match to the .lh-links a text. */
footer .lh-links a::before {
    color: var(--lh-white, #ffffff) !important;
}

/* Fallback in case any footer column is ever switched to an Elementor icon-list widget */
footer .elementor-icon-list-icon svg,
footer .elementor-icon-list-icon i,
footer .elementor-icon-list-icon {
    color: rgba(255, 255, 255, 0.85) !important;
    fill: rgba(255, 255, 255, 0.85) !important;
}


/* ==========================================================================
   HEADER — responzivno ponašanje (hamburger prelom na 999px).
   Header = custom Elementor HTML widgeti; kontrola preko Elementor data-id-ova
   (NE preko klasa — .header-icons dele desktop ikone i mobilna korpa).
     - desktop NAV     = .elementor-element-2526d5c  (nav.leifheit-nav)
     - desktop SEARCH  = .elementor-element-93558f3  (.header-search-inline)
     - desktop IKONE   = .elementor-element-ae59cf5  (.header-icons: wishlist/nalog/korpa)
     - mobilni KLASTER = .elementor-element-926beac  (mobile-search-btn + mobilna korpa)
     - HAMBURGER       = .elementor-element-7b228e8  (.hamburger-menu / .hamburger-btn)
   Logika: ≥1000px = desktop heder; ≤999px = logo + mobilna pretraga + mobilna
   korpa + hamburger. Mobilni klaster se po defaultu prikazuje, pa ga skrivamo
   tek na ≥1000px; desktop elemente skrivamo na ≤999px.
   ========================================================================== */

/* Header content — align with page content (1140px) */
header .elementor-element-d667ebf {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Default (≥1281px) pretraga 180px — override inline 200px iz widgeta 93558f3. */
header .header-search-inline input { width: 180px !important; }

/* ≤999px: sakrij desktop nav + pretragu + ikone; prikaži hamburger. */
@media (max-width: 999px) {
    header .elementor-element-2526d5c,   /* nav.leifheit-nav */
    header .elementor-element-93558f3,   /* .header-search-inline */
    header .elementor-element-ae59cf5 {  /* desktop .header-icons */
        display: none !important;
    }
    header .elementor-element-926beac { display: flex !important; }
    header .elementor-element-7b228e8 { display: block !important; }
    header .hamburger-menu { display: block !important; }
    header .hamburger-btn  { display: flex  !important; }
}

/* Osiguraj da Elementor-ov 768px tablet breakpoint ne menja header layout */
@media (max-width: 768px) {
    header .elementor-element-926beac {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
    }
    header .elementor-element-7b228e8 {
        display: block !important;
    }
    header .hamburger-menu { display: block !important; }
    header .hamburger-btn  { display: flex  !important; }
}

/* ≥1000px: sakrij mobilni klaster (mobilno search dugme + mobilna korpa). */
@media (min-width: 1000px) {
    header .elementor-element-926beac { display: none !important; }
}

/* 1000–1280px: uža pretraga (120px) + zbijeniji razmak/font u meniju. */
@media (min-width: 1000px) and (max-width: 1280px) {
    header .header-search-inline input {
        width: 120px !important;
        min-width: 100px !important;
    }
    header .leifheit-nav ul { gap: 10px !important; }
    header .leifheit-nav ul li a { font-size: 13px !important; }
}

/* Override Elementor-ov mobile width:100% — drži ikonice u jednom redu */
@media (max-width: 767px) {
    .elementor-402 .elementor-element.elementor-element-d8aca9b,
    .elementor-402 .elementor-element.elementor-element-a135de2,
    .elementor-402 .elementor-element.elementor-element-7b228e8 {
        width: auto !important;
        max-width: none !important;
    }
    /* Logo ne treba da bude u svom redu */
    .elementor-402 .elementor-element.elementor-element-96e9f6c.elementor-element {
        --align-self: center !important;
        --order: 0 !important;
    }
}

/* Override Elementor hidden klase na hamburgeru za sve ispod 999px */
@media (max-width: 999px) {
    header .elementor-element-7b228e8.elementor-hidden-desktop,
    header .elementor-element-7b228e8.elementor-hidden-tablet {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .leifheit-top-bar .leifheit-top-bar-inner {   /* (0,2,0) > inline (0,1,0) */
      flex-direction: column;
      gap: 4px;
    }
    
    /* Product grid — consistent side padding on all mobile */
    .woocommerce ul.products {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

/* Cart/Checkout mobile overflow fix */
    .woocommerce-cart .site-main,
    .woocommerce-checkout .site-main {
        overflow-x: hidden !important;
    }
    .woocommerce-cart table.shop_table {
        display: block !important;
        overflow-x: auto !important;
    }
    .woocommerce-cart .cart_totals,
    .woocommerce-cart .cart_totals table {
        width: 100% !important;
        max-width: 100% !important;
    }
    .woocommerce-cart .cart_totals .shipping td {
        max-width: 200px !important;
        word-wrap: break-word !important;
    }    
}


/* Hide default WC "View Cart" link after add-to-cart — popup handles this */
.woocommerce ul.products li.product .added_to_cart,
.leifheit-carousel-item .added_to_cart {
    display:none; !important;
}

/* Hide theme-generated page title (content already has its own heading) */
.page .entry-title,
.page-header .entry-title {
    display: none !important;
}

/* ===== FAQ accordion (page: Često postavljana pitanja) ===== */
.leifheit-faq {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 0 40px;
}
.leifheit-faq h1 {
    font-family: 'Gilroy', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 30px;
}
.faq-item {
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    margin-bottom: 10px;
    overflow: hidden;
    transition: box-shadow 0.2s;
}
.faq-item:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.faq-question {
    width: 100%;
    text-align: left;
    padding: 18px 50px 18px 20px;
    border: none;
    background: #fff;
    font-family: 'Gilroy', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    cursor: pointer;
    position: relative;
    transition: background 0.2s, color 0.2s;
}
.faq-question::after {
    content: '+';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    font-weight: 400;
    color: #00586D;
    transition: transform 0.3s;
}
.faq-item.open .faq-question {
    background: #f8f9fa;
    color: #00586D;
}
.faq-item.open .faq-question::after {
    content: '\2212';
}
.faq-question:hover {
    background: #f8f9fa;
}
.faq-answer {
    display: none;
    padding: 0 20px 20px;
    background: #fff;
    font-family: 'Gilroy', sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: #444;
}
.faq-item.open .faq-answer {
    display: block;
}
.faq-answer p {
    margin: 0 0 12px;
}
.faq-answer ul {
    margin: 0 0 12px;
    padding-left: 20px;
}
.faq-answer ul li {
    margin-bottom: 6px;
}
.faq-answer strong {
    color: #1a1a1a;
}
@media (max-width: 768px) {
    .leifheit-faq { padding: 10px 15px 30px; }
    .faq-question { font-size: 14px; padding: 14px 40px 14px 16px; }
    .faq-answer { padding: 0 16px 16px; font-size: 13px; }
}


/* ===== Static info pages — unified Leifheit design language =====
   (o-brendu, podaci-o-trgovcu, nacin-placanja, politika-privatnosti,
    uslovi-koriscenja, reklamacije, prava-potrosaca, kontakt)
   Styles the migrated .section-title / .static-post-content / .contact-page
   markup to match the FAQ page look — centered column, Gilroy, petrol accent. */
.page .section-title,
.page .static-post-content,
.page .contact-page {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Gilroy', sans-serif;
}
/* page heading */
.page .section-title h1,
.page .contact-page > h2:first-child {
    font-family: 'Gilroy', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 10px 0 24px;
    line-height: 1.25;
}
/* body text */
.page .static-post-content,
.page .contact-page {
    font-size: 15px;
    line-height: 1.7;
    color: #444;
    padding-bottom: 40px;
}
/* section subheadings — petrol accent */
.page .static-post-content h2,
.page .contact-page h3 {
    font-family: 'Gilroy', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #00586D;
    margin: 28px 0 12px;
    line-height: 1.3;
}
.page .static-post-content h3,
.page .static-post-content h4 {
    font-family: 'Gilroy', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 22px 0 8px;
}
.page .static-post-content p,
.page .contact-page p {
    margin: 0 0 14px;
}
.page .static-post-content p:empty {
    display: none;
}
.page .static-post-content ul,
.page .static-post-content ol {
    margin: 0 0 14px;
    padding-left: 20px;
}
.page .static-post-content li {
    margin-bottom: 6px;
}
.page .static-post-content strong,
.page .contact-page strong {
    color: #1a1a1a;
}
.page .static-post-content a,
.page .contact-page a {
    color: #00586D;
    text-decoration: underline;
}
.page .static-post-content a:hover,
.page .contact-page a:hover {
    color: #00586D;
    font-weight: 700;
}
.page .static-post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 16px;
}
/* contact page list */
.page .contact-page ul.contact-info {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.page .contact-page ul.contact-info li {
    margin-bottom: 10px;
    padding: 12px 16px;
    background: #f8f9fa;
    border-radius: 6px;
}
@media (max-width: 768px) {
    .page .section-title,
    .page .static-post-content,
    .page .contact-page {
        padding-left: 15px;
        padding-right: 15px;
    }
    .page .section-title h1,
    .page .contact-page > h2:first-child { font-size: 23px; }
    .page .static-post-content h2,
    .page .contact-page h3 { font-size: 18px; }
    .page .static-post-content,
    .page .contact-page { font-size: 14px; }
}

.leifheit-contact-map {
    margin-bottom: 60px;
}


/* ==========================================================================
   CUSTOMER ZONA — Moj nalog (WooCommerce My Account) — Leifheit dizajn
   Sve skrolovano pod .woocommerce-account da ne dira korpu/blagajnu/shop.
   ========================================================================== */
.woocommerce-account .page-content {
    max-width: 1080px;
    margin: 40px auto 60px;
    padding: 0 20px;
}
.woocommerce-account .entry-title,
.woocommerce-account .page-content > .woocommerce > h2:first-child {
    font-family: Gilroy, sans-serif;
    color: #1a1a1a;
    text-align: center;
}

/* --- LOGIN / REGISTER (izlogovan) --- */
.woocommerce-account #customer_login.u-columns {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
    align-items: flex-start;
}
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
    float: none;
    width: auto;
    flex: 1 1 340px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding: 32px 30px;
    box-shadow: 0 2px 12px rgba(0,0,0,.05);
}
.woocommerce-account #customer_login h2 {
    font-family: Gilroy, sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #00586D;
    margin: 0 0 22px;
    padding-bottom: 14px;
    border-bottom: 2px solid #e6e6e6;
    text-align: left;
}

/* polja i labele (deli login/register/dashboard forme) */
.woocommerce-account .woocommerce-form .woocommerce-form-row,
.woocommerce-account .woocommerce form .form-row {
    margin-bottom: 18px;
}
.woocommerce-account .woocommerce-form label,
.woocommerce-account .woocommerce form .form-row > label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
}
.woocommerce-account .woocommerce-Input,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"] {
    width: 100%;
    box-sizing: border-box;
    padding: 11px 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    transition: border-color .15s, box-shadow .15s;
}
.woocommerce-account .woocommerce-Input:focus,
.woocommerce-account input:focus {
    border-color: #00586D;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0,88,109,.12);
}

/* dugmad */
.woocommerce-account .woocommerce-button,
.woocommerce-account .woocommerce .button {
    background: #00586D;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 12px 28px;
    font-family: Gilroy, sans-serif;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
}
.woocommerce-account .woocommerce-button:hover,
.woocommerce-account .woocommerce .button:hover {
    background: #00485A;
}

/* zapamti me / izgubljena lozinka / privacy */
.woocommerce-account .woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 2px 0 16px;
    font-weight: 400;
}
.woocommerce-account .woocommerce-form-login__rememberme input {
    width: auto;
}
.woocommerce-account .woocommerce-LostPassword a {
    color: #00586D;
    font-weight: 600;
}
.woocommerce-account .woocommerce-LostPassword a:hover {
    color: #00586D;
    font-weight: 700;
}
.woocommerce-account .woocommerce-privacy-policy-text p {
    margin-top: 14px;
    font-size: 13px;
    color: #777;
    line-height: 1.5;
}

/* --- DASHBOARD (ulogovan) --- */
.woocommerce-account.logged-in .page-content > .woocommerce {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: flex-start;
}
.woocommerce-account.logged-in .page-content > .woocommerce > .woocommerce-notices-wrapper {
    flex: 1 0 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: auto;
    flex: 0 0 240px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,.05);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0;
    border: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 12px 16px;
    border-radius: 6px;
    color: #1a1a1a;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background: rgba(0,88,109,.08);
    color: #00586D;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: #00586D;
    color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: auto;
    flex: 1 1 0;
    min-width: 0;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding: 28px 30px;
    box-shadow: 0 2px 12px rgba(0,0,0,.05);
}
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content address {
    font-size: 15px;
    line-height: 1.6;
}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button) {
    color: #00586D;
    font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover {
    color: #00586D;
    font-weight: 700;
}
/* tabele (narudžbine/adrese) */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th {
    background: #f3f6f7;
    color: #1a1a1a;
}

/* --- responsive: dashboard nav iznad sadržaja na mobilnom --- */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        flex: 1 0 100%;
    }
    .woocommerce-account #customer_login .u-column1,
    .woocommerce-account #customer_login .u-column2 {
        flex: 1 0 100%;
    }
}


/* ============================================================
   Mobile cart table — redesign v2
   Red 1: [thumb 70px] [naslov fluid] [× remove]
   Red 2: [thumb cont.] [cena 1fr] [qty 1fr] [međuzbir auto]
   Thumbnail vertikalno pokriva oba reda
   ============================================================ */
@media (max-width: 768px) {

    /* Sakrij WC mobile data-title labele i thead */
    .woocommerce-cart table.shop_table_responsive tr td::before,
    .woocommerce-cart table.cart tr td::before {
        display: none !important;
    }
    .woocommerce-cart table.shop_table_responsive thead,
    .woocommerce-cart table.cart thead {
        display: none !important;
    }
    .woocommerce-cart table.shop_table_responsive,
    .woocommerce-cart table.cart {
        border: 0 !important;
    }

    /* Poništi 10px levi padding kontejnera (main#content) na mobilnom — da cart
       tabela ide od ivice do ivice; padding reda (5px) onda daje tačno 5px gap. */
    .woocommerce-cart table.shop_table_responsive {
        width: 100% !important;
        margin-left: -10px !important;
        box-sizing: border-box !important;
    }

    /* Red proizvoda — grid: [thumb/price] [name/qty] [remove/subtotal]
       price ide ISPOD thumbnail-a (col1), qty u sredini (col2), subtotal desno (col3).
       3 kolone staju u viewport pa se "+" više ne seče. */
    .woocommerce-cart table.shop_table_responsive tr.cart_item,
    .woocommerce-cart table.cart tr.cart_item {
        display: grid !important;
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto auto;
        grid-template-areas:
            "thumb name remove"
            "price qty  subtotal";
        column-gap: 8px;
        row-gap: 12px;
        padding: 16px 5px !important;
        border-bottom: 1px solid #eee !important;
        align-items: center;
    }

    /* Reset td */
    .woocommerce-cart table.shop_table_responsive tr.cart_item td,
    .woocommerce-cart table.cart tr.cart_item td {
        display: block !important;
        padding: 0 !important;
        border: 0 !important;
        width: auto !important;
        text-align: left;
    }

    /* Thumbnail — pokriva oba reda kao stub */
    .woocommerce-cart table tr.cart_item td.product-thumbnail {
        grid-area: thumb;
        align-self: center;
    }
    .woocommerce-cart table tr.cart_item td.product-thumbnail a,
    .woocommerce-cart table tr.cart_item td.product-thumbnail img {
        display: block;
        width: 70px;
        height: 70px;
        object-fit: contain;
    }

    /* Naziv */
    .woocommerce-cart table tr.cart_item td.product-name {
        grid-area: name;
        font-family: 'Gilroy', sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 1.3;
        color: #1a1a1a;
        align-self: center;
    }
    .woocommerce-cart table tr.cart_item td.product-name a {
        color: inherit;
        text-decoration: none;
    }
    .woocommerce-cart table tr.cart_item td.product-name a:hover {
        color: #00586D;
    }

    /* Remove (×) */
    .woocommerce-cart table tr.cart_item td.product-remove {
        grid-area: remove;
        text-align: right;
        align-self: start;
    }
    .woocommerce-cart table tr.cart_item td.product-remove a.remove {
        display: inline-block;
        font-size: 18px;
        line-height: 1;
        color: #999 !important;
        width: 24px;
        height: 24px;
        text-align: center;
    }
    .woocommerce-cart table tr.cart_item td.product-remove a.remove:hover {
        color: #E2001A !important;
    }

    /* Cena */
    .woocommerce-cart table tr.cart_item td.product-price {
        grid-area: price;
        font-size: 13px;
        color: #666;
        text-align: left !important;   /* beat WC mobilni td{text-align:right} */
    }

    /* Količina — centrirano (WC mobilni forsira right, zato !important) */
    .woocommerce-cart table tr.cart_item td.product-quantity {
        grid-area: qty;
        text-align: center !important;
    }

    /* Međuzbir */
    .woocommerce-cart table tr.cart_item td.product-subtotal {
        grid-area: subtotal;
        text-align: right;
        font-weight: 700;
        font-size: 14px;
        color: #1a1a1a;
        white-space: nowrap;
    }
}


/* ============================================================
   Cart page — qty +/− buttons (mirrors product page UI)
   Uses same .leifheit-qty-btn classes but tailored for cart cell
   ============================================================ */
.woocommerce-cart .product-quantity .quantity {
    display: inline-flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    vertical-align: middle;
}
.woocommerce-cart .product-quantity .quantity .qty {
    width: 36px !important;
    height: 32px;
    border: none !important;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    background: #fff;
    -moz-appearance: textfield;
}
.woocommerce-cart .product-quantity .quantity .qty::-webkit-outer-spin-button,
.woocommerce-cart .product-quantity .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.woocommerce-cart .product-quantity .leifheit-qty-btn {
    width: 28px;
    height: 32px;
    border: none;
    background: #f5f5f5;
    font-size: 14px;
    font-weight: 600;
    color: #00586D;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s ease;
    padding: 0;
}
.woocommerce-cart .product-quantity .leifheit-qty-btn:hover {
    background: #e8e8e8;
}
.woocommerce-cart .product-quantity .leifheit-qty-btn.qty-minus { border-right: 1px solid #ddd; }
.woocommerce-cart .product-quantity .leifheit-qty-btn.qty-plus  { border-left:  1px solid #ddd; }


/* ============================================================
   Cart totals (Ukupno blok) — sidebar card redizajn
   ============================================================ */

/* Cart collaterals container — centered, ne floated */
.woocommerce-cart .cart-collaterals {
    width: 100% !important;
    float: none !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

.woocommerce-cart .cart_totals {
    max-width: 460px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 28px 24px;
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.woocommerce-cart .cart_totals h2 {
    font-family: 'Gilroy', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 20px 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid #e0e0e0;
}
.woocommerce-cart .cart_totals table.shop_table {
    border: 0 !important;
    margin: 0 !important;
    background: transparent;
}
.woocommerce-cart .cart_totals table.shop_table tbody {
    display: block;
    width: 100%;
}
.woocommerce-cart .cart_totals table.shop_table tr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 12px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    background: transparent !important;
}
.woocommerce-cart .cart_totals table.shop_table tr:last-child {
    border-bottom: 0 !important;
}
.woocommerce-cart .cart_totals table.shop_table tr th,
.woocommerce-cart .cart_totals table.shop_table tr td {
    display: block;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.woocommerce-cart .cart_totals table.shop_table tr th {
    font-family: 'Gilroy', sans-serif;
    font-weight: 500;
    color: #666;
    font-size: 14px;
    text-align: left;
    flex: 0 0 auto;
}
.woocommerce-cart .cart_totals table.shop_table tr td {
    font-family: 'Gilroy', sans-serif;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 14px;
    text-align: left !important;   /* IZMENA 3 — nadjačaj WC mobilni td{text-align:right} */
    flex: 1;
}
.woocommerce-cart .cart_totals tr.shipping {
    flex-direction: column;
}
.woocommerce-cart .cart_totals tr.shipping th {
    margin-bottom: 8px;
}
.woocommerce-cart .cart_totals tr.shipping td {
    width: 100%;
    margin-left: 0;
    text-align: left;
}
.woocommerce-cart .cart_totals ul#shipping_method,
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}
.woocommerce-cart .cart_totals ul#shipping_method li,
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    margin: 6px 0 !important;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
    width: 100%;
    box-sizing: border-box;
}
.woocommerce-cart .cart_totals ul#shipping_method li:hover,
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li:hover {
    background: #f8f8f8;
    border-color: #00586D;
}
.woocommerce-cart .cart_totals ul#shipping_method li input[type="radio"],
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li input[type="radio"] {
    margin: 0 10px 0 0;
    flex-shrink: 0;
    accent-color: #00586D;
}
.woocommerce-cart .cart_totals ul#shipping_method li label,
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods li label {
    margin: 0 !important;
    flex: 1;
    font-size: 14px;
    color: #1a1a1a;
    cursor: pointer;
    font-weight: 500;
}
.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
    font-size: 13px;
    color: #666;
    margin-top: 10px;
    margin-bottom: 4px;
}
.woocommerce-cart .cart_totals .woocommerce-shipping-destination strong {
    color: #1a1a1a;
    font-weight: 600;
}
.woocommerce-cart .cart_totals .shipping-calculator-button {
    color: #00586D;
    font-size: 13px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}
.woocommerce-cart .cart_totals .shipping-calculator-button:hover {
    text-decoration: underline;
}
.woocommerce-cart .cart_totals table.shop_table tr.order-total {
    margin-top: 8px;
    padding-top: 16px !important;
    border-top: 2px solid #00586D !important;
    border-bottom: 0 !important;
}
.woocommerce-cart .cart_totals table.shop_table tr.order-total th {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
}
.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
    font-size: 20px;
    font-weight: 700;
}
.woocommerce-cart .cart_totals table.shop_table tr.order-total .woocommerce-Price-amount {
    color: #E2001A !important;   /* beat starije .order-total td{color:#1a1a1a !important} (linija ~1517) */
}
.woocommerce-cart .cart_totals tr.order-total small,
.woocommerce-cart .cart_totals .includes_tax small {
    display: block;
    font-size: 11px;
    color: #999;
    font-weight: 400;
    margin-top: 4px;
}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
    margin-top: 20px !important;
    padding: 0 !important;
}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout .button.checkout-button {
    display: block;
    width: 100%;
    background: #E2001A !important;
    color: #fff !important;
    font-family: 'Gilroy', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 16px 20px !important;
    border-radius: 6px !important;
    text-decoration: none;
    text-align: center;
    transition: background .15s ease, transform .1s ease;
    border: 0 !important;
    box-sizing: border-box;
}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout .button.checkout-button:hover {
    background: #c00016 !important;
}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout .button.checkout-button:active {
    transform: translateY(1px);
}
@media (max-width: 768px) {
    .woocommerce-cart .cart_totals {
        max-width: 100%;
        margin-left: 0;
        padding: 20px 16px;
        border-radius: 8px;
    }
    .woocommerce-cart .cart_totals h2 {
        font-size: 18px;
        margin-bottom: 16px;
        padding-bottom: 12px;
    }
    .woocommerce-cart .cart_totals table.shop_table tr {
        padding: 10px 0 !important;
    }
    .woocommerce-cart .cart_totals table.shop_table tr.order-total th {
        font-size: 16px;
    }
    .woocommerce-cart .cart_totals table.shop_table tr.order-total td {
        font-size: 18px;
    }
    .woocommerce-cart .cart_totals .wc-proceed-to-checkout .button.checkout-button {
        font-size: 15px;
        padding: 14px 16px !important;
    }
}


/* ============================================================
   Desktop cart tabela polish (≥769px)
   ============================================================ */
@media (min-width: 769px) {

    .woocommerce-cart table.shop_table thead th {
        font-family: 'Gilroy', sans-serif;
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #666;
        padding: 14px 16px;
        border-bottom: 1px solid #e0e0e0;
        background: #f8f8f8;
    }

    .woocommerce-cart table.shop_table thead th.product-name,
    .woocommerce-cart table.shop_table tbody td.product-name {
        text-align: left;
    }
    .woocommerce-cart table.shop_table thead th.product-price,
    .woocommerce-cart table.shop_table tbody td.product-price,
    .woocommerce-cart table.shop_table thead th.product-subtotal,
    .woocommerce-cart table.shop_table tbody td.product-subtotal {
        text-align: right;
    }
    .woocommerce-cart table.shop_table thead th.product-quantity,
    .woocommerce-cart table.shop_table tbody td.product-quantity {
        text-align: center;
    }

    .woocommerce-cart table.shop_table th.product-remove,
    .woocommerce-cart table.shop_table td.product-remove {
        width: 40px;
        text-align: center;
    }
    .woocommerce-cart table.shop_table th.product-thumbnail,
    .woocommerce-cart table.shop_table td.product-thumbnail {
        width: 90px;
    }
    .woocommerce-cart table.shop_table th.product-price,
    .woocommerce-cart table.shop_table td.product-price {
        width: 130px;
    }
    .woocommerce-cart table.shop_table th.product-quantity,
    .woocommerce-cart table.shop_table td.product-quantity {
        width: 150px;
    }
    .woocommerce-cart table.shop_table th.product-subtotal,
    .woocommerce-cart table.shop_table td.product-subtotal {
        width: 140px;
    }

    .woocommerce-cart table.shop_table tbody td {
        padding: 16px;
        vertical-align: middle;
    }

    .woocommerce-cart table.shop_table tbody td.product-name {
        font-family: 'Gilroy', sans-serif;
        font-weight: 600;
        font-size: 15px;
        color: #1a1a1a;
        line-height: 1.4;
    }
    .woocommerce-cart table.shop_table tbody td.product-name a {
        color: inherit;
        text-decoration: none;
    }
    .woocommerce-cart table.shop_table tbody td.product-name a:hover {
        color: #00586D;
    }
    .woocommerce-cart table.shop_table tbody td.product-price {
        font-family: 'Gilroy', sans-serif;
        font-weight: 500;
        font-size: 14px;
        color: #666;
    }
    .woocommerce-cart table.shop_table tbody td.product-subtotal {
        font-family: 'Gilroy', sans-serif;
        font-weight: 700;
        font-size: 15px;
        color: #1a1a1a;
    }

    .woocommerce-cart table.shop_table tbody tr.cart_item {
        border-bottom: 1px solid #f0f0f0;
        transition: background .12s ease;
    }
    .woocommerce-cart table.shop_table tbody tr.cart_item:hover {
        background: #fafafa;
    }

    .woocommerce-cart table.shop_table tbody td.product-thumbnail img {
        width: 70px;
        height: 70px;
        object-fit: contain;
        display: block;
        margin: 0 auto;
    }

    .woocommerce-cart table.shop_table tbody td.product-remove a.remove {
        display: inline-block;
        color: #999 !important;
        font-size: 18px;
        line-height: 26px;
        width: 28px;
        height: 28px;
        text-align: center;
        border-radius: 50%;
        transition: background .12s ease, color .12s ease;
    }
    .woocommerce-cart table.shop_table tbody td.product-remove a.remove:hover {
        background: #f5f5f5;
        color: #E2001A !important;
    }

    .woocommerce-cart table.shop_table tbody td.actions {
        padding: 18px 16px;
        background: #fafafa;
        border-top: 1px solid #e0e0e0;
    }
}


/* ============================================================
   Cart actions row (coupon + update cart) — polish
   ============================================================ */
.woocommerce-cart .leifheit-continue-shopping {
    margin: 0 0 20px 0;
}
.woocommerce-cart .leifheit-continue-shopping a.continue-shopping-link {
    color: #00586D;
    font-family: 'Gilroy', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color .15s ease, gap .15s ease;
}
.woocommerce-cart .leifheit-continue-shopping a.continue-shopping-link:hover {
    color: #004559;
    text-decoration: underline;
}
.woocommerce-cart .leifheit-continue-shopping a.continue-shopping-link:hover .arrow {
    transform: translateX(-2px);
}
.woocommerce-cart .leifheit-continue-shopping .arrow {
    display: inline-block;
    transition: transform .15s ease;
}

/* Desktop coupon row (≥769px) */
@media (min-width: 769px) {
    .woocommerce-cart table.shop_table td.actions {
        padding: 18px 16px !important;
        background: #fafafa;
        border-top: 1px solid #e0e0e0;
        overflow: hidden; /* sadrži floatove; td OSTAJE table-cell (colspan=puna širina) — NE flex */
    }
    .woocommerce-cart .coupon {
        display: flex;
        align-items: stretch;
        gap: 0;
        max-width: 400px;
        float: left;   /* coupon levo, update_cart desno (float) — puna širina reda */
    }
    .woocommerce-cart .coupon label.screen-reader-text {
        position: absolute;
        left: -9999px;
    }
    .woocommerce-cart .coupon input#coupon_code {
        height: 40px;
        padding: 8px 14px;
        border: 1px solid #ddd;
        border-radius: 4px 0 0 4px;
        font-family: 'Gilroy', sans-serif;
        font-size: 14px;
        width: 200px;
        outline: none;
        background: #fff;
        transition: border-color .15s ease;
    }
    .woocommerce-cart .coupon input#coupon_code:focus {
        border-color: #00586D;
    }
    .woocommerce-cart .coupon button[name="apply_coupon"] {
        height: 40px;
        padding: 0 18px;
        background: #00586D;
        color: #fff;
        border: 1px solid #00586D;
        border-radius: 0 4px 4px 0;
        font-family: 'Gilroy', sans-serif;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: background .15s ease, border-color .15s ease;
        margin-left: -1px;
    }
    .woocommerce-cart .coupon button[name="apply_coupon"]:hover {
        background: #004559;
        border-color: #004559;
    }
    .woocommerce-cart table.shop_table td.actions button[name="update_cart"] {
        height: 40px;
        padding: 0 18px;
        background: transparent;
        color: #666;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-family: 'Gilroy', sans-serif;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        float: right;   /* desno; coupon je float:left */
        transition: all .15s ease;
    }
    .woocommerce-cart table.shop_table td.actions button[name="update_cart"]:hover:not(:disabled) {
        background: #f0f0f0;
        border-color: #999;
        color: #1a1a1a;
    }
    .woocommerce-cart table.shop_table td.actions button[name="update_cart"]:disabled {
        opacity: 0.4;
        cursor: not-allowed;
    }
}

/* Mobile coupon row (≤768px) */
@media (max-width: 768px) {
    .woocommerce-cart table.shop_table td.actions {
        padding: 16px 8px !important;
        background: #fafafa;
        display: flex !important;
        flex-direction: column;
        gap: 12px;
        border-top: 1px solid #e0e0e0;
    }
    .woocommerce-cart .coupon {
        display: flex;
        gap: 0;
        width: 100%;
    }
    .woocommerce-cart .coupon input#coupon_code {
        flex: 1;
        height: 42px;
        padding: 8px 12px;
        border: 1px solid #ddd;
        border-radius: 4px 0 0 4px;
        font-family: 'Gilroy', sans-serif;
        font-size: 14px;
        background: #fff;
        outline: none;
    }
    .woocommerce-cart .coupon button[name="apply_coupon"] {
        height: 42px;
        padding: 0 16px;
        background: #00586D;
        color: #fff;
        border: 1px solid #00586D;
        border-radius: 0 4px 4px 0;
        font-family: 'Gilroy', sans-serif;
        font-size: 13px;
        font-weight: 600;
        flex-shrink: 0;
        margin-left: -1px;
    }
    .woocommerce-cart table.shop_table td.actions button[name="update_cart"] {
        height: 42px;
        padding: 0 16px;
        background: transparent;
        color: #666;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-family: 'Gilroy', sans-serif;
        font-size: 13px;
        font-weight: 500;
        width: 100%;
    }
}


/* ============================================================
   Checkout — 2-kolonski layout (≥769px), full-stack (≤768px)
   ============================================================ */
@media (min-width: 769px) {
    .woocommerce-checkout form.checkout.woocommerce-checkout {
        display: grid;
        grid-template-columns: 1fr 400px;
        grid-template-rows: auto 1fr;
        gap: 0 40px;
        align-items: start;
    }
    .woocommerce-checkout form.checkout #customer_details {
        grid-column: 1;
        grid-row: 1 / span 2;
        min-width: 0;
    }
    .woocommerce-checkout form.checkout #customer_details .col2-set {
        display: block;
    }
    .woocommerce-checkout form.checkout #customer_details .col-1,
    .woocommerce-checkout form.checkout #customer_details .col-2 {
        width: 100% !important;
        float: none !important;
        max-width: 100% !important;
    }
    .woocommerce-checkout form.checkout #customer_details .col-2 {
        margin-top: 24px;
    }
    .woocommerce-checkout form.checkout #order_review_heading {
        grid-column: 2;
        grid-row: 1;
        margin: 0 !important;
        padding: 24px 24px 16px 24px;
        font-family: 'Gilroy', sans-serif;
        font-size: 22px;
        font-weight: 700;
        color: #1a1a1a;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px 8px 0 0;
        border-bottom: 0;
    }
    .woocommerce-checkout form.checkout #order_review {
        grid-column: 2;
        grid-row: 2;
        position: sticky;
        top: 20px;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 0 0 8px 8px;
        padding: 0 24px 24px 24px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        align-self: start;
    }
}
@media (max-width: 768px) {
    .woocommerce-checkout form.checkout.woocommerce-checkout {
        display: block;
    }
    .woocommerce-checkout form.checkout #customer_details .col2-set {
        display: block;
    }
    .woocommerce-checkout form.checkout #customer_details .col-1,
    .woocommerce-checkout form.checkout #customer_details .col-2 {
        width: 100% !important;
        float: none !important;
    }
    .woocommerce-checkout form.checkout #customer_details .col-2 {
        margin-top: 20px;
    }
}


/* ============================================================
   Checkout — form polja polish
   ============================================================ */
.woocommerce-checkout form.checkout #customer_details,
.woocommerce-checkout form.checkout #customer_details .col2-set {
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce-checkout form.checkout #customer_details .col-1,
.woocommerce-checkout form.checkout #customer_details .col-2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    float: none !important;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 24px !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.woocommerce-checkout form.checkout #customer_details .col-2 {
    margin-top: 20px !important;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.woocommerce-checkout form.checkout p.form-row {
    width: 100%;
    margin: 0;
    padding: 0;
    float: none !important;
    box-sizing: border-box;
}
@media (min-width: 769px) {
    .woocommerce-checkout form.checkout p.form-row-first,
    .woocommerce-checkout form.checkout p.form-row-last,
    .woocommerce-checkout form.checkout #billing_postcode_field,
    .woocommerce-checkout form.checkout #billing_city_field,
    .woocommerce-checkout form.checkout #billing_phone_field,
    .woocommerce-checkout form.checkout #billing_email_field {
        width: calc(50% - 8px);
    }
}
@media (max-width: 768px) {
    .woocommerce-checkout form.checkout p.form-row-first,
    .woocommerce-checkout form.checkout p.form-row-last,
    .woocommerce-checkout form.checkout #billing_postcode_field,
    .woocommerce-checkout form.checkout #billing_city_field,
    .woocommerce-checkout form.checkout #billing_phone_field,
    .woocommerce-checkout form.checkout #billing_email_field {
        width: 100%;
    }
}
.woocommerce-checkout form.checkout p.form-row label {
    display: block;
    font-family: 'Gilroy', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin: 0 0 6px 0;
    text-transform: none;
}
.woocommerce-checkout form.checkout p.form-row label .required {
    color: #E2001A;
    margin-left: 2px;
    text-decoration: none;
    border: 0;
}
.woocommerce-checkout form.checkout p.form-row label .optional {
    color: #999;
    font-weight: 400;
    font-size: 12px;
}
.woocommerce-checkout form.checkout p.form-row input.input-text,
.woocommerce-checkout form.checkout p.form-row textarea,
.woocommerce-checkout form.checkout p.form-row select {
    width: 100%;
    height: 44px;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    font-family: 'Gilroy', sans-serif;
    font-size: 14px;
    color: #1a1a1a;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
    box-sizing: border-box;
}
.woocommerce-checkout form.checkout p.form-row textarea {
    height: auto;
    min-height: 100px;
    resize: vertical;
    padding-top: 12px;
}
.woocommerce-checkout form.checkout p.form-row input.input-text:focus,
.woocommerce-checkout form.checkout p.form-row textarea:focus,
.woocommerce-checkout form.checkout p.form-row select:focus {
    border-color: #00586D;
    box-shadow: 0 0 0 2px rgba(0, 88, 109, 0.12);
}
.woocommerce-checkout form.checkout p.form-row input.input-text::placeholder,
.woocommerce-checkout form.checkout p.form-row textarea::placeholder {
    color: #999;
    font-weight: 400;
}
.woocommerce-checkout form.checkout p.form-row .select2-container--default .select2-selection--single {
    height: 44px !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    background: #fff;
}
.woocommerce-checkout form.checkout p.form-row .select2-container--default .select2-selection__rendered {
    line-height: 42px !important;
    padding: 0 14px !important;
    font-size: 14px;
    color: #1a1a1a;
}
.woocommerce-checkout form.checkout p.form-row .select2-container--default .select2-selection__arrow {
    height: 42px !important;
    right: 8px;
}
.woocommerce-checkout form.checkout p.form-row.woocommerce-invalid input.input-text,
.woocommerce-checkout form.checkout p.form-row.woocommerce-invalid select,
.woocommerce-checkout form.checkout p.form-row.woocommerce-invalid textarea {
    border-color: #E2001A;
    box-shadow: 0 0 0 2px rgba(226, 0, 26, 0.12);
}
.woocommerce-checkout form.checkout p.form-row input[type="radio"] {
    accent-color: #00586D;
    margin: 0 6px 0 0;
    vertical-align: middle;
}
.woocommerce-checkout form.checkout p.form-row.input-radio label {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 0;
}
.woocommerce-checkout form.checkout input[type="checkbox"],
.woocommerce-checkout form.checkout #ship-to-different-address-checkbox {
    accent-color: #00586D;
    width: 18px;
    height: 18px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    cursor: pointer;
}
.woocommerce-checkout form.checkout #ship-to-different-address {
    cursor: pointer;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.woocommerce-checkout form.checkout #ship-to-different-address label {
    cursor: pointer;
    font-family: 'Gilroy', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.woocommerce-checkout form.checkout #customer_details h3,
.woocommerce-checkout form.checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout form.checkout .woocommerce-shipping-fields > h3,
.woocommerce-checkout form.checkout .woocommerce-additional-fields > h3 {
    font-family: 'Gilroy', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 20px 0;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #e0e0e0;
}
.woocommerce-checkout form.checkout .col-2 > h3 {
    margin-top: 0 !important;
}
.woocommerce-checkout .woocommerce-form-login-toggle,
.woocommerce-checkout .woocommerce-form-coupon-toggle {
    margin: 0 0 12px 0;
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    background: #f0f7f9;
    border: 1px solid #cce0e6;
    border-radius: 6px;
    padding: 14px 18px 14px 52px; /* padding-left 52px ostavlja prostor za ::before ikonu */
    margin: 0;
    font-family: 'Gilroy', sans-serif;
    font-size: 14px;
    color: #333;
    position: relative;
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
    color: #00586D;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
    color: #00586D;
    font-weight: 600;
    text-decoration: none;
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a:hover,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a:hover {
    text-decoration: underline;
}
.woocommerce-checkout form.checkout .woocommerce-form__label-for-checkbox {
    cursor: pointer;
    font-family: 'Gilroy', sans-serif;
    font-size: 14px;
    color: #333;
    display: inline-flex;
    align-items: center;
    margin: 8px 0;
}

/* === Checkout 4B-fix2: mobile overflow + card padding === */
@media (max-width: 768px) {
    .woocommerce-checkout form.checkout #customer_details .col-1,
    .woocommerce-checkout form.checkout #customer_details .col-2 {
        padding: 16px !important;
    }
    .woocommerce-checkout form.checkout {
        max-width: 100%;
        box-sizing: border-box;
    }
    .woocommerce-checkout form.checkout p.form-row,
    .woocommerce-checkout form.checkout p.form-row input.input-text,
    .woocommerce-checkout form.checkout p.form-row textarea,
    .woocommerce-checkout form.checkout p.form-row select {
        max-width: 100%;
        box-sizing: border-box;
    }
    body.woocommerce-checkout {
        overflow-x: hidden;
    }
}

/* =============================================
   MOBILE: Always show Add to Cart button
   ============================================= */
@media (max-width: 768px) {

    /* Remove overlay/hover wrapper opacity tricks */
    .woocommerce ul.products li.product .button,
    .woocommerce ul.products li.product .add_to_cart_button,
    .woocommerce ul.products li.product a.button {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: static !important;
        transform: none !important;
        width: 100% !important;
        margin-top: 8px !important;
        text-align: center !important;
    }

    /* Remove hover overlay on product image */
    .woocommerce ul.products li.product .product-loop-action,
    .woocommerce ul.products li.product .loop-product-link:after,
    .woocommerce ul.products li.product figure:after {
        display: none !important;
    }

    /* Undo any translateY / opacity animations on hover */
    .woocommerce ul.products li.product:hover .button,
    .woocommerce ul.products li.product:hover .add_to_cart_button {
        transform: none !important;
        opacity: 1 !important;
    }

    /* Carousel cards (homepage) */
    .leifheit-carousel-item .button,
    .leifheit-carousel-item .add_to_cart_button,
    .leifheit-carousel-item a.button {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: static !important;
        transform: none !important;
        width: 100% !important;
        margin-top: 8px !important;
        text-align: center !important;
    }
}

/* =============================================
   PRODUCT CARD REDESIGN — leifheit.de style
   ============================================= */

/* Card base */
.woocommerce ul.products li.product {
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    position: relative !important;
    transition: box-shadow 0.2s ease !important;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.10) !important;
}

/* Image area — light grey background */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 0 !important;
    text-decoration: none !important;
}

.woocommerce ul.products li.product img {
    background: #f5f5f5 !important;
    padding: 16px !important;
    width: 100% !important;
    height: 200px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Product title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Gilroy', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #222 !important;
    padding: 12px 14px 4px 14px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* Stock status */
.woocommerce ul.products li.product .leifheit-card-stock {
    padding: 2px 14px 6px 14px !important;
    font-size: 12px !important;
}

/* Price area */
.woocommerce ul.products li.product .price {
    padding: 4px 14px 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

/* Hide "Cena" label on cards */
.woocommerce ul.products li.product .leifheit-price-label {
    display: none !important;
}

/* Sale price — red */
.woocommerce ul.products li.product .price ins {
    color: #E2001A !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-decoration: none !important;
}

/* Old price — grey strikethrough */
.woocommerce ul.products li.product .price del {
    color: #707070 !important;
    font-size: 13px !important;
}

/* Regular price (no sale) */
.woocommerce ul.products li.product .price .woocommerce-Price-amount {
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #222 !important;
}

/* Hide old WooCommerce .onsale "Akcija" ribbon — we use .leifheit-discount-pct */
.woocommerce ul.products li.product .onsale {
    display: none !important;
}

/* Discount badge — red circle, top right of image */
.woocommerce ul.products li.product .leifheit-discount-pct {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    background: #E2001A !important;
    color: #fff !important;
    font-family: 'Gilroy', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    line-height: 1 !important;
    left: auto !important;
    transform: none !important;
}

/* ADD TO CART BUTTON — full width red, always visible */
.woocommerce ul.products li.product .add_to_cart_button {
    display: block !important;
    width: 100% !important;
    background: #00586D !important;
    color: #fff !important;
    font-family: 'Gilroy', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: 14px 16px !important;
    margin: auto 0 0 0 !important;
    border: none !important;
    border-radius: 0 0 8px 8px !important;
    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    transform: none !important;
    transition: background 0.2s ease !important;
    box-sizing: border-box !important;
    letter-spacing: 0.3px !important;
}

.woocommerce ul.products li.product .add_to_cart_button:hover {
    background: #c0001a !important;
    color: #fff !important;
    opacity: 1 !important;
}

/* Remove any overlay/hover animation on button */
.woocommerce ul.products li.product:hover .add_to_cart_button {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

/* Real "added to cart" feedback — WooCommerce adds this class itself after a
   successful AJAX add, so it works on tap (no :hover needed) as well as on
   desktop. :hover alone never fires on touch, so before this rule mobile had
   no feedback at all (prompt 13, Faza 1 revizija, 10.08.2026). Scoped to
   .woocommerce (not "ul.products li.product") so it also matches the homepage
   carousel, which is a WooCommerce loop but not an <li class="product">. */
.woocommerce .add_to_cart_button.added {
    background: #c0001a !important;
    color: #fff !important;
    opacity: 1 !important;
}

/* ---- Card tweaks: white image bg, left-aligned price, lighter regular-weight old price ---- */

/* White background behind product image (was grey) */
.woocommerce ul.products li.product img {
    background: #ffffff !important;
}

/* Left-align all card text + price row */
.woocommerce ul.products li.product {
    text-align: left !important;
}
.woocommerce ul.products li.product .price {
    justify-content: flex-start !important;
    text-align: left !important;
}

/* Old (struck-through) price: regular weight + lighter grey */
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount bdi {
    font-weight: 400 !important;
    color: #707070 !important;
}