/**
 * WooCommerce papildomi stiliai — integruojami su besino tema
 */

/* ============================================================
   PARDUOTUVĖS PUSLAPIS (archive-product)
   ============================================================ */
.woocommerce-page .page-content,
.post-type-archive-product .page-content {
    padding-top: calc(var(--nav-height-mob) + var(--space-8));
}

@media (min-width: 768px) {
    .woocommerce-page .page-content,
    .post-type-archive-product .page-content {
        padding-top: calc(var(--nav-height) + var(--space-12));
    }
}

/* WC numatytieji elementai → Besino stiliai */
ul.products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

@media (min-width: 640px) {
    ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    ul.products {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--space-6);
    }
}

ul.products li.product {
    margin: 0 !important;
}

/* WC kainų stiliai */
.woocommerce .price {
    color: var(--color-gold) !important;
    font-weight: 700;
}

.woocommerce .price del {
    color: var(--color-text-muted) !important;
    font-weight: 400;
    opacity: 1;
}

.woocommerce .price ins {
    text-decoration: none;
    color: var(--color-gold) !important;
}

/* WC "Į krepšelį" mygtukas */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: var(--color-gold) !important;
    color: var(--color-text-dark) !important;
    border: 2px solid var(--color-gold) !important;
    border-radius: var(--radius-sm) !important;
    font-size: var(--font-size-sm) !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: var(--space-3) var(--space-6) !important;
    transition: all var(--transition-base) !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: var(--color-gold-light) !important;
    border-color: var(--color-gold-light) !important;
    transform: translateY(-1px);
}

.woocommerce a.button.alt,
.woocommerce button.button.alt {
    background-color: var(--color-gold) !important;
}

/* WC pranešimai */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    background: var(--color-card) !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    padding: var(--space-4) var(--space-5) !important;
    color: var(--color-text) !important;
    margin-bottom: var(--space-6) !important;
}

.woocommerce-message::before {
    color: var(--color-gold) !important;
}

/* WC krepšelio lentelė */
.woocommerce table.shop_table {
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    overflow: hidden;
    background: var(--color-card) !important;
}

.woocommerce table.shop_table th {
    background: var(--color-bg-alt) !important;
    color: var(--color-text) !important;
    font-size: var(--font-size-xs) !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid var(--color-border) !important;
    padding: var(--space-4) var(--space-5) !important;
}

.woocommerce table.shop_table td {
    border-bottom: 1px solid var(--color-border) !important;
    padding: var(--space-5) !important;
    color: var(--color-text) !important;
    background: var(--color-card) !important;
}

.woocommerce table.shop_table .product-name a {
    color: var(--color-text) !important;
    font-family: var(--font-heading) !important;
}

.woocommerce table.shop_table .product-name a:hover {
    color: var(--color-gold) !important;
}

/* WC checkout formos */
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-input-wrapper select,
.woocommerce-checkout .woocommerce-input-wrapper textarea,
.woocommerce form .input-text {
    background: var(--color-card) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--color-text) !important;
    padding: var(--space-3) var(--space-4) !important;
    transition: border-color var(--transition-fast) !important;
}

.woocommerce form .input-text:focus,
.woocommerce-checkout .woocommerce-input-wrapper input:focus {
    border-color: var(--color-gold) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(201,168,76,0.1) !important;
}

/* WC select stiliai */
.woocommerce .select2-container .select2-selection--single {
    background: var(--color-card) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-sm) !important;
    height: 44px !important;
    line-height: 42px !important;
    color: var(--color-text) !important;
}

.select2-dropdown {
    background: var(--color-card) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text) !important;
}

.select2-results__option--highlighted {
    background-color: var(--color-gold) !important;
    color: var(--color-text-dark) !important;
}

/* WC užsakymo santrauka */
.woocommerce-checkout-review-order-table {
    background: var(--color-card) !important;
}

/* WC piniginės / stripe forma */
#payment {
    background: var(--color-card) !important;
    border-radius: var(--radius-md) !important;
    border: 1px solid var(--color-border) !important;
}

#payment .payment_methods li {
    border-bottom: 1px solid var(--color-border) !important;
    padding: var(--space-4) !important;
    color: var(--color-text) !important;
}

#payment .payment_methods li label {
    color: var(--color-text) !important;
}

/* WC paginacija */
.woocommerce nav.woocommerce-pagination ul {
    display: flex !important;
    gap: var(--space-2) !important;
    justify-content: center !important;
    margin-top: var(--space-12) !important;
    border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-sm) !important;
    background: transparent !important;
    color: var(--color-text) !important;
    transition: all var(--transition-fast) !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--color-gold) !important;
    border-color: var(--color-gold) !important;
    color: var(--color-text-dark) !important;
}

/* WC žvaigždelių įvertinimas */
.woocommerce .star-rating {
    color: var(--color-gold) !important;
    overflow: hidden !important;
}

.woocommerce .star-rating::before {
    color: var(--color-border) !important;
}

/* WC sale ženklas */
.woocommerce span.onsale {
    background-color: var(--color-error) !important;
    border-radius: var(--radius-sm) !important;
    font-size: var(--font-size-xs) !important;
    font-weight: 600 !important;
    padding: var(--space-1) var(--space-3) !important;
    min-width: auto !important;
    min-height: auto !important;
    line-height: 1.5 !important;
}

/* WC "Mano paskyra" puslapio navigacija */
.woocommerce-MyAccount-navigation {
    background: var(--color-card) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    overflow: hidden !important;
    margin-bottom: var(--space-6) !important;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: var(--space-4) var(--space-5) !important;
    color: var(--color-text-muted) !important;
    border-bottom: 1px solid var(--color-border) !important;
    transition: all var(--transition-fast) !important;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--color-gold) !important;
    background: rgba(201,168,76,0.05) !important;
}

/* ============================================================
   KATEGORIJŲ TINKLELIO KORTELĖS
   ============================================================
   Kategorijų puslapiai naudoja WooCommerce šabloną su savomis
   klasėmis (.woocommerce-loop-product__title), o ne temos
   .product-card. Be šių taisyklių pavadinimas paveldėdavo H2 dydį
   (24 px) ir mobiliame užimdavo po penkias eilutes. */

ul.products li.product {
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform var(--transition-base),
                border-color var(--transition-base);
}

ul.products li.product:hover {
    transform: translateY(-4px);
    border-color: var(--color-gold);
}

ul.products li.product > a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    flex: 1;
}

ul.products li.product img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    display: block;
    background: var(--color-bg-alt);
    margin: 0;
}

ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--font-heading);
    font-size: var(--font-size-base);
    line-height: 1.35;
    color: var(--color-text);
    padding: var(--space-4) var(--space-4) var(--space-2);
    margin: 0;
}

ul.products li.product .price {
    padding: 0 var(--space-4) var(--space-4);
    font-size: var(--font-size-base);
    display: block;
}

/* Perbraukta senoji kaina — pilkesnė ir mažesnė už naująją */
ul.products li.product .price del {
    color: var(--color-text-muted) !important;
    font-size: var(--font-size-sm);
    font-weight: 400;
    margin-right: var(--space-2);
}

ul.products li.product .price ins {
    text-decoration: none;
}

ul.products li.product .button {
    margin: 0 var(--space-4) var(--space-4);
    text-align: center;
    font-size: var(--font-size-xs);
    padding: var(--space-3) var(--space-4);
}

/* Akcijos ženklas */
ul.products li.product .onsale {
    position: absolute;
    top: var(--space-3);
    left: var(--space-3);
    z-index: 2;
    background: var(--color-gold);
    color: var(--color-bg);
    font-size: var(--font-size-xs);
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-sm);
    margin: 0;
}

ul.products li.product {
    position: relative;
}

/* Rezultatų juosta — mobiliame vertikaliai, kad tekstas nesispaustų */
@media (max-width: 640px) {
    .shop-bar {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-3);
    }

    .shop-bar .woocommerce-ordering select {
        width: 100%;
    }

    ul.products li.product .woocommerce-loop-product__title {
        font-size: var(--font-size-sm);
        padding: var(--space-3) var(--space-3) var(--space-1);
    }

    ul.products li.product .price {
        padding: 0 var(--space-3) var(--space-3);
        font-size: var(--font-size-sm);
    }

    ul.products li.product .button {
        margin: 0 var(--space-3) var(--space-3);
    }
}

/* ============================================================
   KREPŠELIS IR ATSISKAITYMAS (WooCommerce blokai)
   ============================================================ */

/* Prekės pavadinimas užsakymo santraukoje.
   WooCommerce jam nustato max-width:max-content. Šoniniame stulpelyje,
   kuris užima 35 % pločio, dėl to pavadinimo dėžutė susitraukia iki
   siauriausio žodžio, ir tekstas laužomas per raidę:
   „Moteri ška rankin ė, oda, ruda". */
.wc-block-components-order-summary-item .wc-block-components-product-name,
.wc-block-components-order-summary-item__description .wc-block-components-product-name,
.wc-block-cart-items .wc-block-components-product-name {
    max-width: none;
    word-break: normal;
    overflow-wrap: break-word;
}

/* Ta pati eilutė turi 24 px kairės ir 12 px dešinės paraštę — siaurame
   stulpelyje tai dar 36 px iš maždaug 260. */
.wc-block-components-order-summary-item__description {
    padding-left: 12px;
    padding-right: 0;
    word-break: normal;
    overflow-wrap: break-word;
}

/* Prekės aprašymas santraukoje nereikalingas: pirkėjas jį jau perskaitė
   prekės puslapyje, o čia jis nustelbia pavadinimą ir kainą. */
.wc-block-components-product-metadata__description {
    display: none;
}

/* Stulpelių pločių neliečiam.
   Bandžiau duoti šoniniam 38 %, bet WooCommerce taisyklė pagrindiniam
   stulpeliui yra specifiškesnė (.wc-block-components-sidebar-layout .wc-block-components-main),
   tad jis liko 65 %. Susumavus 103 % — šoninis stulpelis nusirisdavo žemyn.
   Numatytieji 65/35 sudaro lygiai 100 %, o vietos pakanka, nes puslapis
   dabar naudoja visą 1272 px konteinerį, ne 800 px. */

/* Mobiliosios versijos riba — 950 px.
   WooCommerce blokai patys sukrinta tik tada, kai jų konteineris siauresnis
   nei 700 px. Iki tol šoninis stulpelis lieka 35 % pločio: ties 900 px
   lange jam tenka 298 px, ir prekės pavadinimas išsitempia į keturias
   eilutes. Todėl sukritimą perkeliame į 950 px.

   Selektoriai su .entry-content — kad būtų specifiškesni už WooCommerce
   taisykles, kurios krauna vėliau ir kitaip laimėtų. */
@media (max-width: 950px) {

    .entry-content .wc-block-components-sidebar-layout {
        flex-direction: column;
        margin: 0 auto 16px;
    }

    .entry-content .wc-block-components-sidebar-layout .wc-block-components-main,
    .entry-content .wc-block-components-sidebar-layout .wc-block-components-sidebar {
        padding: 0;
        width: 100%;
    }

    /* Atsiskaitant santrauka rodoma virš formos — taip elgiasi ir pats
       WooCommerce savo siaurajame režime. */
    .entry-content .wc-block-checkout__sidebar {
        order: 0;
        margin-bottom: 24px;
        position: static;
        top: auto;
    }

    .entry-content .wc-block-checkout__main {
        order: 1;
    }
}

/* ── Atsiskaitymo formos laukai ────────────────────────────────
   Tema visam turiniui nustato šviesų tekstą (#f5f5f5), nes fonas tamsus.
   Bet WooCommerce blokų laukai yra BALTI, todėl etiketė atsidurdavo
   balta ant balto — išmatuotas kontrastas 1,04:1, t. y. pirkėjas
   nematydavo, ko iš jo prašoma. */

.entry-content .wc-block-components-text-input label,
.entry-content .wc-block-components-text-input input,
.entry-content .wc-block-components-textarea,
.entry-content .wc-block-components-country-input label,
.entry-content .wc-block-components-state-input label,
.entry-content .wc-block-components-combobox-control label,
.entry-content .wc-block-components-form .wc-block-components-text-input label {
    color: #1a1a1a;
}

/* Nesufokusuota etiketė gulėdama lauke būna pilkesnė, bet vis tiek
   skaitoma (kontrastas su baltu ≈ 5,7:1). */
.entry-content .wc-block-components-text-input label,
.entry-content .wc-block-components-combobox-control label {
    color: #5a5a5a;
}

/* Pakelta etiketė (kai laukas užpildytas ar aktyvus) — tamsesnė. */
.entry-content .wc-block-components-text-input.is-active label,
.entry-content .wc-block-components-combobox-control.is-active label {
    color: #1a1a1a;
}

/* Pats įvestas tekstas — juodas, o ne šviesus. */
.entry-content .wc-block-components-text-input input,
.entry-content .wc-block-components-textarea,
.entry-content .wc-block-components-combobox input,
.entry-content select {
    color: #1a1a1a;
}

.entry-content .wc-block-components-text-input input::placeholder {
    color: #6b6b6b;
}

/* Kiekio ženkliukas ant nuotraukos užsakymo santraukoje.

   WooCommerce jį sukonstravęs gudriai: apskritimo FONAS yra currentColor,
   o skaičiaus spalva — var(--wp--preset--color--base, #fff), t. y. puslapio
   pagrindo spalva. Šviesioje temoje išeina tamsus apskritimas su baltu
   skaičiumi.

   Mūsų temoje tekstas yra #f5f5f5, o --wp--preset--color--base neapibrėžtas,
   tad krenta į #fff. Rezultatas: beveik baltas skaičius ant beveik balto
   apskritimo — pirkėjas mato tuščią ratuką.

   Todėl fonui paliekam šviesų (tamsiame skydelyje jis matomas), o skaičių
   nudažom tamsiai. Nudažyti patį ženkliuką tamsiai neužtenka: kartu
   patamsėtų ir fonas, nes tai ta pati spalva. */
.entry-content .wc-block-components-order-summary-item__quantity {
    color: #f5f5f5;
}

.entry-content .wc-block-components-order-summary-item__quantity span {
    color: #1a1a1a;
}

/* Vienodo dydžio mygtukas prekės kortelėje.

   Kortelė yra flex stulpelis, kuriame ir nuoroda (nuotrauka + pavadinimas
   + kaina), ir mygtukas turėjo flex-grow: 1. Todėl likusią vietą jie
   dalydavosi tarpusavyje: kur pavadinimas užima penkias eilutes, mygtukui
   likdavo 50 px, kur keturias — 72 px. Toje pačioje eilutėje mygtukai
   atrodydavo skirtingo dydžio.

   Mygtukui augimą atimam — tegu jis būna savo natūralaus aukščio, o visą
   likutį pasiima nuoroda. Tada mygtukas visada vienodas, o kortelės
   apačioje lygiuojasi. */
ul.products li.product .button,
ul.products li.product .add_to_cart_button {
    flex: 0 0 auto;
    min-height: 2.875rem;
    align-items: center;
    justify-content: center;
}

/* WooCommerce po pridėjimo į krepšelį įterpia nuorodą „Krepšelis".
   Ji atsiranda kortelės apačioje ir stumdo išdėstymą — paliekam, bet
   duodam jai savo vietą, kad neatrodytų kaip nuklydęs tekstas. */
ul.products li.product .added_to_cart {
    display: block;
    margin: 0 var(--space-4) var(--space-4);
    text-align: center;
    font-size: var(--font-size-xs);
    color: var(--color-gold);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ============================================================
   PASKYRA (klasikinis WooCommerce „Mano paskyra")
   ============================================================
   Skirtingai nei krepšelis ir atsiskaitymas, šis puslapis nėra
   blokų — jį piešia sena WooCommerce šablonų sistema, kuriai tema
   iki šiol neturėjo jokių taisyklių. Formos atrodė kaip naršyklės
   numatytosios: etiketė ir laukas vienoje eilutėje, laukai
   skirtingo pločio. */

/* Navigacija kairėje, turinys dešinėje. */
.woocommerce-account .entry-content > .woocommerce {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: var(--space-10);
    align-items: start;
}

@media (max-width: 900px) {
    .woocommerce-account .entry-content > .woocommerce {
        grid-template-columns: 1fr;
        gap: var(--space-6);
    }
}

/* Prisijungimo forma rodoma be navigacijos — jai tinklelio nereikia,
   o per visą plotį ji atrodytų pasimetusi. */
.woocommerce-account .entry-content > .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) {
    display: block;
    max-width: 26rem;
    margin-inline: auto;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}

/* Nuimam auksinį brūkšnį, kurį .entry-content li deda visiems sąrašams —
   navigacijoje jis nereikalingas. */
.woocommerce-MyAccount-navigation li {
    padding-left: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation li::before {
    content: none;
}

.woocommerce-MyAccount-navigation li a {
    display: block;
    padding: var(--space-3) 0;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-muted);
    text-decoration: none;
    font-size: var(--font-size-sm);
    transition: color var(--transition-base);
}

.woocommerce-MyAccount-navigation li a:hover {
    color: var(--color-text);
}

.woocommerce-MyAccount-navigation li.is-active a {
    color: var(--color-gold);
}

.woocommerce-MyAccount-content > :first-child {
    margin-top: 0;
}

/* ── Formos (prisijungimas, adresai, vartotojo informacija) ───── */

.woocommerce form .form-row {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin: 0 0 var(--space-5);
    padding: 0;
}

.woocommerce form .form-row label {
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.woocommerce form .form-row .required {
    color: var(--color-gold);
    text-decoration: none;
}

.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="tel"],
.woocommerce form input[type="password"],
.woocommerce form select,
.woocommerce form textarea {
    width: 100%;
    padding: var(--space-3);
    background: var(--color-bg-alt);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: var(--font-size-base);
}

.woocommerce form input:focus,
.woocommerce form select:focus,
.woocommerce form textarea:focus {
    outline: none;
    border-color: var(--color-gold);
}

/* Eilutė su varnele „Prisiminti mane" ir mygtuku — vienintelė, kuri
   turi būti horizontali. Visos kitos lieka stulpeliu: etiketė viršuje,
   laukas per visą plotį po ja. */
.woocommerce form.woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme),
.woocommerce form.woocommerce-form-login .form-row:has(button[type="submit"]) {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-4);
}

.woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    margin: 0;
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.woocommerce-form-login__rememberme input {
    width: auto;
    margin: 0;
}

.woocommerce-LostPassword {
    font-size: var(--font-size-sm);
}

.woocommerce-LostPassword a {
    color: var(--color-gold);
}

/* ============================================================
   FORMOS LAUKŲ ŠVELNINIMAS

   WooCommerce blokų laukai yra gryno balto (#FFF). Tamsiame
   puslapyje (#111) tai duoda 18,9:1 skirtumą — dideli balti
   stačiakampiai juodame fone rėžia akis.

   Šiltas šviesus pilkas #DCD8CF sumažina skirtumą iki 13,3:1
   (apie trečdaliu mažiau), o skaitomumas nenukenčia:
     tekstas #1a1a1a ant lauko  — 12,2:1 (reikia 4,5:1)
     vietaženklis #5a5a5a       — 4,8:1  (reikia 4,5:1)
   Skaičiuota, ne parinkta iš akies.

   DĖMESIO dėl selektorių: WooCommerce rašo
   `.wc-block-components-text-input input[type=text]` — toks pat
   svoris (0,2,1) kaip `.entry-content .wc-block-... input`, o jo
   stilių lapas kraunamas vėliau, tad lygiosiose laimi jis. Todėl
   kartojam tuos pačius `input[type=…]` ir priekyje dedam
   `.entry-content` — gaunam 0,3,1 ir nebereikia !important.
   ============================================================ */

:root {
    /* Šviesus firminio aukso (#C9A84C) atspalvis — auksas, praskiestas
       baltu iki 46 %. Šviesumas beveik toks pat kaip anksčiau buvusio
       pilko (13,2:1 vs 13,3:1 su puslapio fonu), tad akims taip pat
       ramu, tik spalva jau ne pilka, o šampano.

       Norint dar šviesiau: #EDE1C2 (14,5:1) arba #F5EFDF (16,5:1),
       bet kuo šviesiau, tuo labiau grįžta blizgesys — grynas baltas
       buvo 18,9:1. */
    --besino-lauko-fonas:   #e6d7ad;
    --besino-lauko-krastas: #cbb98a;
}

.entry-content .wc-block-components-text-input input[type=text],
.entry-content .wc-block-components-text-input input[type=email],
.entry-content .wc-block-components-text-input input[type=tel],
.entry-content .wc-block-components-text-input input[type=number],
.entry-content .wc-block-components-text-input input[type=url],
.entry-content .wc-block-components-text-input input[type=password],
.entry-content .wc-block-components-textarea,
.entry-content .wc-block-components-combobox-control input[type=text],
.entry-content .wc-block-components-form .wc-block-components-text-input input,
.entry-content .wc-block-components-select .wc-block-components-select__select,
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-input-wrapper select,
.woocommerce-checkout .woocommerce-input-wrapper textarea {
    background-color: var(--besino-lauko-fonas);
    border-color: var(--besino-lauko-krastas);
}

/* Fokusas — auksinis, kaip ir visoje temoje. */
.entry-content .wc-block-components-text-input input[type=text]:focus,
.entry-content .wc-block-components-text-input input[type=email]:focus,
.entry-content .wc-block-components-text-input input[type=tel]:focus,
.entry-content .wc-block-components-text-input input[type=number]:focus,
.entry-content .wc-block-components-textarea:focus,
.entry-content .wc-block-components-combobox-control input[type=text]:focus,
.entry-content .wc-block-components-form .wc-block-components-text-input input:focus,
.entry-content .wc-block-components-select .wc-block-components-select__select:focus {
    background-color: #efe6c9;
    border-color: var(--color-gold);
    box-shadow: 0 0 0 1px var(--color-gold);
    outline: none;
}

/* Naršyklės automatinis užpildymas primeta savo baltą arba gelsvą foną.
   Įprastu būdu jo nepakeisi — reikia vidinio šešėlio triuko. */
.entry-content input:-webkit-autofill,
.entry-content input:-webkit-autofill:hover,
.entry-content input:-webkit-autofill:focus,
.woocommerce-checkout input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px var(--besino-lauko-fonas) inset;
    -webkit-text-fill-color: #1a1a1a;
}

/* Šalies laukelis ir paštomatų sąrašas naudoja kitus komponentus.

   Šalies pasirinkimas: baltas ne pats <select>, o jį gaubiantis
   `wc-blocks-components-select__container` (atkreipti dėmesį —
   `wc-blocks-`, ne `wc-block-`, kaip visur kitur).

   Paštomatų sąrašą MultiParcels piešia per select2 biblioteką,
   turinčią savo baltą foną ir sąrašo langą. */

.entry-content .wc-blocks-components-select__container,
.entry-content .select2-container--default .select2-selection--single,
.entry-content .select2-dropdown,
.woocommerce-checkout .select2-container--default .select2-selection--single {
    background-color: var(--besino-lauko-fonas);
    border-color: var(--besino-lauko-krastas);
}

.entry-content .select2-container--default .select2-selection--single .select2-selection__rendered,
.entry-content .select2-results__option {
    color: #1a1a1a;
}

/* Pažymėtas ir pelės pravažiuotas sąrašo įrašas — auksinis, ne mėlynas. */
.entry-content .select2-container--default .select2-results__option--highlighted[aria-selected],
.entry-content .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--color-gold);
    color: #1a1a1a;
}

/* ============================================================
   PAYSERA MOKĖJIMO BŪDŲ SĄRAŠAS

   Paysera savo korteles piešia per CSS kintamuosius (--pm-*),
   todėl nereikia nei !important, nei specifiškumo varžybų —
   užtenka perrašyti pačius kintamuosius.

   Banko logotipai sukurti šviesiam fonui, todėl kortelės lieka
   šviesios, tik tokio pat švelnaus atspalvio kaip formos laukai.
   Mėlyną pažymėjimo spalvą keičiam į firminę auksinę.
   ============================================================ */

.entry-content .paysera-payment-methods,
.entry-content .paysera-radio-control,
.entry-content .paysera-payment-country-select {
    --pm-bg:              var(--besino-lauko-fonas);
    --pm-bg-hover:        #efe6c9;
    --pm-border:          var(--besino-lauko-krastas);
    --pm-border-hover:    var(--color-gold);
    --pm-border-selected: var(--color-gold);
    --pm-ring:            rgba(201, 168, 76, 0.35);
    --pm-text:            #1a1a1a;
    --pm-muted:           #5a5a5a;
    --pm-font:            var(--font-body, 'Inter', sans-serif);
}

/* Šalies pasirinkimo laukelis virš sąrašo. */
.entry-content .paysera-payment-country-select select,
.entry-content .paysera-payment-country-select input {
    background-color: var(--besino-lauko-fonas);
    border-color: var(--besino-lauko-krastas);
    color: #1a1a1a;
}

/* Teisinis pranešimas po sąrašu — tamsiame fone. */
.entry-content .paysera-customer-consent {
    color: var(--color-text-muted);
}

.entry-content .paysera-customer-consent a {
    color: var(--color-gold);
}

/* ============================================================
   ATSILIEPIMAI
   WooCommerce piešia savo maketą (single-product-reviews.php),
   todėl čia tik pritaikom jį tamsiai temai.
   ============================================================ */

.product-rating-summary {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-2);
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    text-decoration: none;
}

.product-rating-summary:hover span {
    color: var(--color-gold-light);
}

.product-reviews {
    border-top: 1px solid var(--color-border);
    padding-top: var(--space-10);
}

.woocommerce-Reviews-title {
    font-family: var(--font-heading);
    font-size: var(--font-size-xl);
    margin-bottom: var(--space-6);
}

.woocommerce-noreviews {
    color: var(--color-text-muted);
}

/* Atsiliepimų sąrašas */
.product-reviews .commentlist {
    list-style: none;
    margin: 0 0 var(--space-8);
    padding: 0;
    display: grid;
    gap: var(--space-4);
}

.product-reviews .commentlist .comment_container {
    display: flex;
    gap: var(--space-4);
    background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: var(--space-5);
}

.product-reviews .commentlist img.avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    flex-shrink: 0;
}

.product-reviews .woocommerce-review__author {
    font-weight: 600;
}

.product-reviews .woocommerce-review__published-date,
.product-reviews .woocommerce-review__verified {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

/* Žvaigždutės — WooCommerce jas piešia šriftu, spalvą imam savo */
.product-reviews .star-rating span,
.product-rating-summary .star-rating span {
    color: var(--color-gold);
}

/* Rašymo forma */
#review_form_wrapper {
    background: var(--color-bg-alt);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: var(--space-6);
}

#review_form .comment-reply-title {
    font-family: var(--font-heading);
    font-size: var(--font-size-lg);
    display: block;
    margin-bottom: var(--space-4);
}

#review_form .comment-form-rating label,
#review_form .comment-form-comment label,
#review_form .comment-form-author label,
#review_form .comment-form-email label {
    display: block;
    margin-bottom: var(--space-2);
    font-size: var(--font-size-sm);
}

#review_form select#rating,
#review_form textarea#comment,
#review_form input[type="text"],
#review_form input[type="email"] {
    width: 100%;
    padding: var(--space-3);
    background-color: var(--besino-lauko-fonas);
    border: 1px solid var(--besino-lauko-krastas);
    border-radius: var(--radius-sm);
    color: var(--color-text-dark);
    font-family: var(--font-body);
    font-size: var(--font-size-base);
}

#review_form select#rating:focus,
#review_form textarea#comment:focus,
#review_form input[type="text"]:focus,
#review_form input[type="email"]:focus {
    outline: 2px solid var(--color-gold);
    outline-offset: 1px;
}

#review_form .comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

#review_form .comment-form-cookies-consent input {
    width: auto;
    margin-top: 3px;
}

#review_form .form-submit input[type="submit"] {
    background: var(--color-gold);
    color: var(--color-text-dark);
    border: none;
    border-radius: var(--radius-sm);
    padding: var(--space-3) var(--space-6);
    font-weight: 600;
    cursor: pointer;
}

#review_form .form-submit input[type="submit"]:hover {
    background: var(--color-gold-light);
}

@media (max-width: 640px) {
    .product-reviews .commentlist .comment_container {
        flex-direction: column;
    }
}

/* ------------------------------------------------------------
   Žvaigždutės.
   Tema išjungia WooCommerce stilius (functions.php:587), o kartu ir
   jų ikonų šriftą. Todėl žvaigždutes piešiam ženklu ★, o ne šriftu.
   ------------------------------------------------------------ */

/* Vertinimo rodymas (esami atsiliepimai, santrauka prie kainos) */
.star-rating {
    position: relative;
    display: inline-block;
    width: 5.6em;
    height: 1.2em;
    overflow: hidden;
    line-height: 1.2;
    font-size: var(--font-size-base);
}

.star-rating::before {
    content: '★★★★★';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--color-border);
    letter-spacing: 0.08em;
}

.star-rating span {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    padding-top: 1.5em;
    height: 0;
}

.star-rating span::before {
    content: '★★★★★';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--color-gold);
    letter-spacing: 0.08em;
}

/* Vertinimo pasirinkimas formoje. WooCommerce JS pakeičia <select>
   nuorodų eilute; be stilių ji rodėsi kaip „1 iš 5 žvaigždučių 2 iš 5…". */
.product-reviews p.stars {
    margin: 0 0 var(--space-4);
}

/* WooCommerce nuorodas deda į vidinį <span>, todėl eilute paverčiam jį,
   ne patį <p> — kitaip žvaigždutės išsirikiuoja stulpeliu. */
.product-reviews p.stars span {
    display: inline-flex;
    gap: 2px;
}

.product-reviews p.stars a {
    position: relative;
    display: block;
    width: 1.6em;
    height: 1.6em;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
}

.product-reviews p.stars a::before {
    content: '★';
    position: absolute;
    inset: 0;
    text-indent: 0;
    color: var(--color-border);
    font-size: 1.5rem;
    line-height: 1;
    transition: color var(--transition-fast, 0.15s);
}

/* Užvedus — užsipildo iki to, ant kurio pelė */
.product-reviews p.stars:hover a::before { color: var(--color-gold-light); }
.product-reviews p.stars a:hover ~ a::before { color: var(--color-border); }

/* Pasirinkus — lieka užpildyta iki pažymėtos */
.product-reviews p.stars.selected a.active::before,
.product-reviews p.stars.selected a:not(.active)::before { color: var(--color-gold); }
.product-reviews p.stars.selected a.active ~ a::before { color: var(--color-border); }

.product-reviews p.stars a:focus-visible::before {
    outline: 2px solid var(--color-gold);
    outline-offset: 2px;
}