/* ==========================================================================
   FXAN CHECKOUT - DASHBOARD STYLE MATCH (Dark Mode)
   Barvna paleta:
   - Ozadje: #050505
   - Kartice/Inputi: #0b0e11
   - Border: 1px solid rgba(255,255,255,0.05)
   - Akcent (Gumbi): Gradient #ed245d -> #2ea0da
   - Tekst: #ffffff (glavni), #a0aec0 (sekundarni)
   ========================================================================== */

/* ==========================================================================
   1. GLOBALNO OZADJE & RESET ZA CHECKOUT STRAN
   ========================================================================== */

/* CRITICAL STICKY FIX: Da position: sticky deluje, noben starševski element ne sme imeti overflow: hidden.
   Tu resetiramo HTML, BODY in vse Elementor kontejnerje. */
html {
    overflow-y: scroll !important; /* Zagotovi scrollbar */
    overflow-x: hidden !important;
}

body.woocommerce-checkout {
    background-color: #050505 !important;
    color: #a0aec0 !important;
    font-family: 'Roboto', sans-serif !important;
    /* KLJUČNO ZA STICKY: */
    overflow: visible !important;
    height: auto !important;
    position: static !important; /* Prepreči relative na body */
}

.elementor-widget-woocommerce-checkout-page,
.wp-block-woocommerce-checkout {
    color: #a0aec0 !important;
    font-family: 'Roboto', sans-serif !important;
}

/* Reset Elementor Containers - To je nujno, ker je Checkout znotraj Text Editor widgeta */
body.woocommerce-checkout .elementor-section,
body.woocommerce-checkout .elementor-column,
body.woocommerce-checkout .elementor-container,
body.woocommerce-checkout .elementor-widget-wrap,
body.woocommerce-checkout .elementor-element,
body.woocommerce-checkout .elementor-widget-text-editor,
body.woocommerce-checkout .elementor-widget-container,
body.woocommerce-checkout .e-con,
body.woocommerce-checkout .e-con-inner {
    overflow: visible !important;
    transform: none !important; /* Transformacije včasih tudi motijo sticky */
    contain: none !important; /* Odstrani contain omejitve */
    background-color: transparent !important;
}

/* Skrivanje elementov teme Mercury */
.space-title-box, 
.space-archive-title-box,
.space-page-content-box-wrap {
    display: none !important;
    background: transparent !important;
    border: none !important;
}

.space-page-content {
    color: #a0aec0 !important;
}

/* ==========================================================================
   2. LAYOUT KARTIC (Billing, Shipping, Order Summary)
   ========================================================================== */

/* Ozadje in oblika kartic - SAMO ZUNANJI OKVIRJI */
.wc-block-components-main,
.wc-block-components-sidebar-layout .wc-block-components-sidebar {
    background-color: #0b0e11 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2) !important;
}

/* Odstranimo podvojen okvir in zamike na notranjem bloku */
.wp-block-woocommerce-checkout-order-summary-block {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

/* --- DESKTOP LAYOUT & STICKY SIDEBAR --- */
@media (min-width: 1000px) {
    /* Glavni ovoj (Wrapper) */
    .wc-block-components-sidebar-layout {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 30px !important; /* Razmik med stolpcema */
        align-items: flex-start !important; /* KLJUČNO: flex-start omogoči premikanje */
        overflow: visible !important;
    }

    /* Levi stolpec (Billing) */
    .wc-block-components-main {
        flex: 1 1 55% !important; 
        width: 55% !important;
        max-width: 55% !important;
    }

    /* Desni stolpec (Order Summary) - STICKY FIX */
    .wc-block-components-sidebar {
        flex: 0 0 40% !important;
        width: 40% !important;
        max-width: 40% !important;
        min-width: 350px !important;
        
        /* --- STICKY LOGIKA --- */
        position: -webkit-sticky !important; /* Za Safari */
        position: sticky !important;
        top: 100px !important; /* Razmik od vrha zaslona (povečano zaradi menija) */
        z-index: 90 !important;
        
        /* Prepreči raztegovanje */
        align-self: flex-start !important;
        height: auto !important;
        margin-bottom: 50px !important;
    }
    
    /* Omejitev maksimalne širine za zelo velike zaslone */
    .wp-block-woocommerce-checkout {
        max-width: 1400px !important;
        margin: 0 auto !important;
    }
}

/* ==========================================================================
   NASLOVI SEKCIJ IN GUMBI (Log in / Edit) - POPRAVEK RAZPOREDITVE
   ========================================================================== */

/* Kontejner naslova */
.wc-block-components-title,
.wc-block-components-checkout-step__heading,
.wc-block-components-checkout-step__heading-content {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    border: none !important;
    padding-bottom: 0 !important;
    
    /* ZMANJŠAN RAZMIK DO VSEBINE */
    margin-bottom: 15px !important; /* Prej je bilo 30px, zdaj je manj */
    text-transform: none !important;
    
    /* Flexbox za navpično postavitev (Stolpec) */
    display: flex !important;
    flex-direction: column !important; /* Elementi eden pod drugim */
    align-items: flex-start !important; /* Poravnava levo */
    justify-content: flex-start !important;
    gap: 10px !important; /* Razmik med naslovom in gumbom */
    width: 100% !important;
}

/* Gumb "Log in" in "Edit" */
.wc-block-components-checkout-step__heading-button {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    
    /* Vizualni stil - bolj subtilen, ker je pod naslovom */
    color: #2ea0da !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important; /* Brez okvirja, samo tekst */
    margin: 0 !important;
    display: inline-block !important;
}

/* Hover efekt */
.wc-block-components-checkout-step__heading-button:hover {
    color: #ed245d !important;
    text-decoration: underline !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* ==========================================================================
   3. ORDER SUMMARY - UI PRENOVA (IZBOLJŠANA UX)
   ========================================================================== */

/* 1. SKRIVANJE MOBILNEGA GUMBA (Odprava podvojene cene na vrhu) */
@media (min-width: 1000px) {
    /* Skrij gumb, ki prikazuje "Order Summary + Cena" (namenjen za mobitele) */
    .wc-block-components-order-summary > .wc-block-components-panel__button,
    .wc-block-components-order-summary > button {
        display: none !important;
    }
    
    /* Prisili vsebino, da je vedno odprta in vidna */
    .wc-block-components-order-summary__content {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* 2. NASLOV - IZBOLJŠANA VIZUALNA HIERARHIJA */
.wc-block-components-order-summary .wc-block-components-title {
    font-size: 20px !important; /* Povečano iz 16px */
    font-weight: 700 !important; /* Bolj izrazito */
    text-transform: none !important; /* Odstranimo uppercase za boljšo berljivost */
    color: #ffffff !important; /* Bela namesto sive */
    margin-bottom: 24px !important;
    border-bottom: 2px solid rgba(255,255,255,0.15) !important; /* Debelejša črta */
    padding-bottom: 16px !important;
    letter-spacing: -0.02em !important; /* Tighter tracking za modernejši izgled */
}

/* 3. PRODUKT SEKCIJA - IZBOLJŠAN SPACING */
.wc-block-components-order-summary-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important; /* Povečano iz 15px */
    padding: 20px 0 !important; /* Povečano iz 15px za več prostora */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; /* Bolj vidna črta */
    width: 100% !important;
}

/* Slika - PRISILNI PRIKAZ */
html body.woocommerce-checkout .wc-block-components-order-summary-item__image,
html body.woocommerce-checkout .wc-block-components-order-summary-item__image-container,
html body.woocommerce-checkout .wc-block-components-product-image {
    display: block !important;
    width: 70px !important; /* Povečano iz 60px */
    height: 70px !important;
    min-width: 70px !important;
    border-radius: 10px !important; /* Bolj zaobljeno */
    background-color: #1F2130 !important;
    object-fit: cover !important;
    border: 1px solid rgba(255,255,255,0.12) !important; /* Bolj vidna */
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important; /* Dodana senca za globino */
}

/* Ime produkta */
.wc-block-components-product-name {
    font-size: 15px !important;
    font-weight: 600 !important; /* Zmanjšano iz 700 */
    color: #ffffff !important;
    line-height: 1.5 !important; /* Izboljšana berljivost */
    margin: 0 0 4px 0 !important; /* Dodano spodnji margin */
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

/* Cena produkta - SKRITA */
.wc-block-components-order-summary-item__total-price {
    display: none !important;
}

/* Količina in metadata */
.wc-block-components-product-metadata {
    font-size: 13px !important;
    color: #a0aec0 !important;
    margin-top: 4px !important;
}

/* Skrivanje podvojenih elementov */
.wc-block-components-order-summary-item__individual-prices {
    display: none !important;
}

/* Skrij subscription breakdown pod Total (podvojen prikaz) */
.wc-block-components-totals-footer-item ~ * {
    display: none !important;
}

/* Izjema: Ohrani Place Order gumb */
.wc-block-components-checkout-place-order-button {
    display: block !important;
}

/* ==========================================================================
   4. INPUT POLJA (Form Elements) - FIX ZA SELECT/DRŽAVO
   ========================================================================== */

/* --- A. TEKSTOVNA POLJA (Input, Textarea) --- */
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-text-input input[type="text"],
body.woocommerce-checkout .wc-block-components-text-input input[type="email"],
body.woocommerce-checkout .wc-block-components-text-input input[type="tel"],
body.woocommerce-checkout .wc-block-components-text-input input[type="password"], /* Dodano za geslo */
body.woocommerce-checkout input#email, /* KLJUČNO: Targetira specifičen ID emaila */
body.woocommerce-checkout .wc-block-components-combobox-control input,
body.woocommerce-checkout .wc-block-components-textarea textarea,
body.woocommerce-checkout #coupon-code-input {
    background-color: #050505 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    padding-top: 25px !important; /* Prostor za floating labelo */
    font-size: 14px !important;
    min-height: 56px !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

/* --- B. IZBIRNA POLJA (Select - Država, Zvezna država) --- */
body.woocommerce-checkout .wc-block-components-country-input select,
body.woocommerce-checkout .wc-block-components-state-input select {
    background-color: #050505 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important; /* Prisilimo belo barvo */
    border-radius: 8px !important;
    padding: 12px 15px !important;
    padding-top: 25px !important;
    font-size: 14px !important;
    min-height: 56px !important;
    box-shadow: none !important;
    cursor: pointer !important;
    
    /* KLJUČNO: Odstrani privzet sistemski videz (bel okvir/črn tekst) */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    
    /* Dodamo custom belo puščico na desno */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px top 55% !important;
    background-size: 10px auto !important;
}

/* Popravek za opcije v padajočem meniju (da niso bele na belem) */
body.woocommerce-checkout .wc-block-components-country-input select option,
body.woocommerce-checkout .wc-block-components-state-input select option {
    background-color: #050505 !important;
    color: #ffffff !important;
}

/* Fokus stanje za vse inpute */
.wc-block-components-text-input input:focus,
.wc-block-components-country-input select:focus,
.wc-block-components-state-input select:focus,
.wc-block-components-combobox-control input:focus,
.wc-block-components-textarea textarea:focus {
    border-color: #2ea0da !important;
    outline: none !important;
    background-color: #050505 !important;
    box-shadow: 0 0 5px rgba(46, 160, 218, 0.3) !important;
}

/* Placeholderji */
::placeholder {
    color: rgba(255,255,255,0.3) !important;
}

/* Floating Labele nad inputi */
.wc-block-components-text-input label,
.components-base-control__label,
.wc-block-components-combobox-control label {
    color: #a0aec0 !important;
    background: transparent !important;
    font-size: 12px !important;
    top: 8px !important;
    left: 15px !important;
    transform: none !important;
    opacity: 0.8 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   5. GUMBI (Place Order)
   ========================================================================== */

.wc-block-components-checkout-place-order-button {
    background: linear-gradient(135deg, #ed245d 0%, #2ea0da 100%) !important;
    background-size: 200% auto !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    border: none !important;
    padding: 18px 30px !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    width: auto !important; /* Spremenjen iz 100% */
    max-width: 250px !important; /* Maksimalna širina */
    cursor: pointer !important;
    margin-top: 20px !important;
    
    /* Centriranje besedila in gumba */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.wc-block-components-checkout-place-order-button:hover {
    background-position: right center !important;
    box-shadow: 0 10px 25px rgba(237, 36, 93, 0.4) !important;
    transform: translateY(-2px);
}

/* ==========================================================================
   6. TOTALS & KUPONI (POPRAVLJENO)
   ========================================================================== */

/* ==========================================================================
   5. TOTALS & KUPONI (FIXED LAYOUT)
   ========================================================================== */

/* --- KUPONI - IZBOLJŠAN VIZUALNI STIL --- */
.wc-block-components-totals-coupon {
    margin: 24px 0 !important; /* Povečano iz 20px */
    padding: 18px !important; /* Povečano iz 15px */
    background-color: rgba(46, 160, 218, 0.05) !important; /* Subtilen modri odtenek */
    border: 1px dashed rgba(46, 160, 218, 0.3) !important; /* Modra namesto bele */
    border-radius: 10px !important; /* Bolj zaobljeno */
    width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-totals-coupon:hover {
    background-color: rgba(46, 160, 218, 0.08) !important;
    border-color: rgba(46, 160, 218, 0.5) !important;
}

/* Link "Add coupon" */
.wc-block-components-totals-coupon .wc-block-components-panel__button {
    color: #2ea0da !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
}

/* KONTEJNER OBRAZCA - POSTAVI V VRSTO */
.wc-block-components-totals-coupon__content,
.wc-block-components-totals-coupon__form {
    display: flex !important;
    flex-direction: row !important; /* Vsilimo vrstico */
    align-items: stretch !important; /* Enaka višina elementov */
    gap: 10px !important;
    margin-top: 15px !important;
    width: 100% !important;
}

/* Wrapper za input (mora zavzeti ves prostor) */
.wc-block-components-totals-coupon .wc-block-components-text-input {
    flex-grow: 1 !important;
    width: auto !important;
    margin: 0 !important;
}

/* INPUT POLJE */
.wc-block-components-totals-coupon input[type="text"] {
    background-color: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    
    /* Dimenzije */
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 15px !important;
    font-size: 13px !important;
    width: 100% !important;
}

/* Skrijemo labelo znotraj inputa, da ne moti */
.wc-block-components-totals-coupon .wc-block-components-text-input label {
    display: none !important;
}

/* GUMB APPLY - KOMPAKTEN */
.wc-block-components-totals-coupon__button {
    /* Fiksne dimenzije, enake kot input */
    min-height: 42px !important;
    height: 42px !important;
    width: 80px !important; /* Fiksna širina - kompakten gumb */
    min-width: 80px !important;
    max-width: 80px !important;
    padding: 0 12px !important;
    
    /* Pozicija */
    flex-shrink: 0 !important;
    margin: 0 !important;
    
    /* Izgled */
    background-color: #2ea0da !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    
    /* Flex za centriranje teksta */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.wc-block-components-totals-coupon__button:hover {
    background-color: #ed245d !important;
}

/* --- TOTALS - IZBOLJŠANA STRUKTURA --- */
.wc-block-components-totals-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 14px 0 !important; /* Povečano iz 12px */
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.wc-block-components-totals-item__label {
    color: #a0aec0 !important;
    font-size: 14px !important;
    font-weight: 500 !important; /* Dodano za boljšo berljivost */
}

.wc-block-components-totals-item__value {
    color: #ffffff !important;
    font-size: 15px !important; /* Povečano iz privzete */
    font-weight: 600 !important; /* Dodano */
}

/* Subtotal - Dodaten poudarek */
.wc-block-components-totals-wrapper > .wc-block-components-totals-item:first-child {
    margin-top: 24px !important; /* Prostor od produktov */
    padding-top: 20px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Final Total - MOČAN VIZUALNI POUDAREK */
.wc-block-components-totals-footer-item {
    border-top: 2px solid rgba(255, 255, 255, 0.2) !important; /* Debelejša črta */
    border-bottom: none !important;
    margin-top: 16px !important;
    padding-top: 24px !important; /* Več prostora */
    padding-bottom: 8px !important;
    background: linear-gradient(135deg, rgba(237, 36, 93, 0.08) 0%, rgba(46, 160, 218, 0.08) 100%) !important; /* Subtilen gradient */
    border-radius: 8px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-size: 18px !important; /* Povečano iz 16px */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    letter-spacing: 0.5px !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #ed245d !important;
    font-size: 28px !important; /* Povečano iz 24px */
    font-weight: 700 !important;
    text-shadow: 0 2px 8px rgba(237, 36, 93, 0.3) !important; /* Dodana senca za poudarek */
}

/* Linki v checkoutu */
.wc-block-checkout a {
    color: #2ea0da !important;
    text-decoration: none !important;
}

.wc-block-checkout a:hover {
    color: #ed245d !important;
}

/* Toggle gumbi za naslove (Edit) */
.wc-block-components-address-form__address_2-toggle {
    background: transparent !important;
    color: #2ea0da !important;
    border: 1px solid rgba(46, 160, 218, 0.3) !important;
    padding: 8px 15px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

/* ==========================================================================
   7. RAZNO & MOBILNO (POPRAVEK CHECKBOXA)
   ========================================================================== */

/* --- CHECKBOX FIX (ULTIMATE RESET) --- */
/* Uporabimo body.woocommerce-checkout za visoko prioriteto */
body.woocommerce-checkout input[type="checkbox"],
body.woocommerce-checkout .wc-block-components-checkbox__input {
    /* Prisilno povozimo dimenzije tekstovnih polj */
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important; /* KLJUČNO: Povozimo 56px min-height */
    max-width: 18px !important;
    max-height: 18px !important;
    flex: 0 0 18px !important;    /* Prepreči raztegovanje v flexboxu */
    
    /* Resetiramo padding in margin */
    padding: 0 !important;
    margin: 0 10px 0 0 !important;
    
    /* Izgled */
    background-color: #050505 !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 4px !important;
    
    /* Odstranimo sistemski izgled */
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
    
    /* Pozicija */
    display: inline-block !important;
    vertical-align: text-top !important;
    position: relative !important;
    top: 2px !important;
}

/* Checked stanje (Kljukica) */
body.woocommerce-checkout input[type="checkbox"]:checked,
body.woocommerce-checkout .wc-block-components-checkbox__input:checked {
    background-color: #ed245d !important;
    border-color: #ed245d !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: 12px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Tekst ob checkboxu */
body.woocommerce-checkout .wc-block-components-checkbox label,
body.woocommerce-checkout .wc-block-checkout__terms label {
    color: #a0aec0 !important;
    font-size: 13px !important;
    display: inline-block !important;
    width: auto !important;
    cursor: pointer !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
}

/* Skrivanje elementov */
.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-order-summary div button.wc-block-components-panel__button {
    display: none !important;
}

/* Atributi produkta */
.wc-block-components-product-metadata {
    display: block !important;
}

/* Mobilni prikaz */
@media (max-width: 1000px) {
    .wc-block-components-sidebar-layout {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    
    .wc-block-components-main,
    .wc-block-components-sidebar {
        width: 100% !important;
        min-width: 100% !important;
    }
    
    .wp-block-woocommerce-checkout-order-summary-block {
        margin-top: 30px !important;
    }
}

/* ==========================================================================
   8. WPS SUBSCRIPTIONS CLEANUP (Popravek podvojenih imen in cen)
   ========================================================================== */

/* 1. Skrij naslov "Renewal For...", ki podvaja ime produkta */
.wps_recurring_bifurcation_wrapper h4,
.wps_wsp_recurring_total_tr th,
.wps_wsp_recurring_total_tr h4 a {
    display: none !important;
}

/* 2. Ureditev kontejnerja za ponavljajoča plačila */
.wps_recurring_bifurcation_wrapper {
    width: 100% !important;
    margin-top: 0 !important;
    border-top: none !important;
    padding-top: 0 !important;
}

/* 3. Preoblikovanje seznama cen (Subtotal, Total) v tem delu */
.wps_recurring_bifurcation_wrapper ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

.wps_recurring_bifurcation_wrapper td {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
}

.wps_recurring_bifurcation_wrapper li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 0 !important;
    color: #a0aec0 !important; /* Siva barva za labelo */
    font-size: 14px !important;
}

/* Cena (znesek) naj bo bel - vključno z evro znakom */
.wps_recurring_bifurcation_wrapper li span,
.wps_recurring_bifurcation_wrapper .amount,
.wps_recurring_bifurcation_wrapper .woocommerce-Price-amount,
.wps_recurring_bifurcation_wrapper .woocommerce-Price-currencySymbol {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* 4. Skrijemo "Subtotal" v recurring delu, če je enak Totalu (manj navlake) */
/* To skrije prvo vrstico (Subtotal), pusti pa zadnjo (Total) */
.wps_recurring_bifurcation_wrapper li:first-child {
    display: none !important;
}

/* 5. Stil za končni "Total" v recurring delu */
.wps_recurring_bifurcation_wrapper li:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-top: 10px !important;
    padding-top: 15px !important;
    font-size: 16px !important;
}

.wps_recurring_bifurcation_wrapper li:last-child label {
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

.wps_recurring_bifurcation_wrapper li:last-child span {
    color: #ed245d !important; /* Roza barva za končno recurring ceno */
    font-size: 18px !important;
}

/* Interval (npr. "/ Month") */
.wps_sfw_interval {
    color: #a0aec0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-left: 5px !important;
}

/* --- DODATNO: Čiščenje zgornjega dela (Cart Item) --- */
/* Zagotovimo, da je ime produkta lepo poravnano in se ne "lepi" na sliko */
.wc-block-components-product-name {
    margin-bottom: 5px !important;
    font-size: 16px !important;
}

/* ==========================================================================
   9. TOTAL FIX (Skrivanje duplikata in styling)
   ========================================================================== */

/* 1. POPRAVEK: Prikazujemo originalni WooCommerce Total (ta se posodablja z AJAX),
   ker se pravilno odziva na kupone in druge spremembe */
.wc-block-components-totals-footer-item {
    display: flex !important; /* Naj bo viden */
    /* Kopirajte stile, da bo izgledal enako kot prej */
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-top: 16px !important;
    padding: 18px 0 !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: transparent !important;
}

/* Stil za napis "Total" znotraj tega originalnega bloka */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

/* Stil za ceno znotraj tega originalnega bloka */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 22px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* 2. Skrijemo podvojeni Total iz Subscription vtičnika (statični HTML) */
.wps_recurring_bifurcation_wrapper li:last-child {
    display: none !important; /* Skrijemo ta statični total, ker zdaj uporabljamo originalnega */
}

/* Stili za Subscription Total so odstranjeni, ker uporabljamo originalni WooCommerce Total */

/* ==========================================================================
   10. FINAL UI POLISH (Bela valuta & Kompakten izgled)
   ========================================================================== */

/* 1. Barva valute (€) v TOTAL vrstici naj bo bela */
/* To prepreči roza barvo, ki jo vsiljuje tema ali prejšnji stili */
.wps_recurring_bifurcation_wrapper li:last-child span,
.wps_recurring_bifurcation_wrapper li:last-child .amount,
.wps_recurring_bifurcation_wrapper li:last-child .woocommerce-Price-amount,
.wps_recurring_bifurcation_wrapper li:last-child .woocommerce-Price-currencySymbol {
    color: #ffffff !important;
}

/* 2. Zmanjšanje razmikov (Make it Compact) */

/* Manjši padding okoli produkta na vrhu */
.wc-block-components-order-summary-item {
    padding: 12px 0 !important;
}

/* Manjša slika produkta za boljši sklad */
html body.woocommerce-checkout .wc-block-components-order-summary-item__image,
html body.woocommerce-checkout .wc-block-components-order-summary-item__image-container,
html body.woocommerce-checkout .wc-block-components-product-image {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
}

/* Manjši razmik in padding pri polju za kupone */
.wc-block-components-totals-coupon {
    margin: 15px 0 !important;
    padding: 12px !important;
}

/* Zmanjšanje razmika nad Subtotalom */
.wc-block-components-totals-wrapper > .wc-block-components-totals-item:first-child {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Zmanjšanje višine vrstic (Subtotal, Tax...) */
.wc-block-components-totals-item {
    padding: 8px 0 !important;
}

/* Zmanjšanje razmika nad originalnim WooCommerce TOTAL */
.wc-block-components-totals-footer-item {
    margin-top: 15px !important;
    padding-top: 15px !important;
    padding-bottom: 5px !important;
}

/* Popravek velikosti pisave Total, da ni prevelika glede na nove razmike */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 20px !important;
}
/* ==========================================================================
   11. THANK YOU PAGE CLEANUP (Skrivanje privzetega povzetka)
   ========================================================================== */

/* Skrijemo privzeto WooCommerce sporočilo "Thank you. Your order has been received." */
body.woocommerce-order-received .woocommerce-thankyou-order-received {
    display: none !important;
}

/* Skrijemo seznam s številko naročila, datumom, emailom in skupnim zneskom */
body.woocommerce-order-received ul.woocommerce-order-overview {
    display: none !important;
}

/* Skrijemo tabelo "Order details" (seznam izdelkov) */
body.woocommerce-order-received .woocommerce-order-details {
    display: none !important;
}

/* Skrijemo "Billing address" sekcijo */
body.woocommerce-order-received .woocommerce-customer-details {
    display: none !important;
}

/* Zagotovimo, da je container, ki drži te elemente, skrit/prazen, da ne dela praznega prostora */
body.woocommerce-order-received .woocommerce-order {
    margin-bottom: 0 !important;
}