/* Audit 18, part b (inc/fix18-b.php, js/fix18-b.js). */

/* 26. Product gallery: „3 / 20“ counter (more than 6 photos), 44 px tap areas around the dots */
html body.v3 .sm-gpag-off{display:none!important}
html body.v3 .sm-gcount{position:absolute;z-index:5;left:50%;bottom:12px;transform:translateX(-50%);padding:5px 12px;border-radius:999px;background:rgba(255,252,250,.92);color:#5E2F37;font:600 14px/1.2 Barlow,"Barlow Fallback",sans-serif;letter-spacing:.04em;font-variant-numeric:tabular-nums;box-shadow:0 6px 16px -10px rgba(94,47,55,.5);pointer-events:none;white-space:nowrap}
html body.v3 :is(.product-gallery-main,.horizontal-gallery) .swiper-pagination-bullet{position:relative}
html body.v3 :is(.product-gallery-main,.horizontal-gallery) .swiper-pagination-bullet::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
html[data-theme="dark"] body.v3 .sm-gcount{background:rgba(54,35,31,.92);color:#F5E9E4}

/* 27. Own amount (gift voucher): the hint under the field, rose text – never a black toast */
html body.v3 .sm-oa-err{margin:8px 0 4px;color:#9C6158;font-size:15px;font-weight:600;line-height:1.4}
html body.v3 .sm-oa-err[hidden]{display:none}
html body.v3 input[name="nyp"][aria-invalid="true"]{border-color:#C48A7E!important;box-shadow:0 0 0 3px rgba(196,138,126,.22)!important}
html[data-theme="dark"] body.v3 .sm-oa-err{color:#EBCBBE}
/* other popup-cart errors (server side) in the site colours: light blush card, rose text, rounded */
html body.v3 .xoo-cp-notice-box>div{background:#F6EEEF!important;color:#5E2F37!important;border:1px solid #EFDCD3;border-radius:14px;padding:12px 18px!important;box-shadow:0 10px 28px -14px rgba(94,47,55,.55);max-width:calc(100vw - 32px)}
html body.v3 .xoo-cp-notice-box :is(ul,li){color:#9C6158!important;background:none!important;border:0!important;box-shadow:none!important;list-style:none!important;margin:0!important;padding:0!important}
html body.v3 .xoo-cp-notice-box :is(ul,li)::before{display:none!important}
html[data-theme="dark"] body.v3 .xoo-cp-notice-box>div{background:#36231F!important;border-color:#5A3E37;color:#F5E9E4!important}
html[data-theme="dark"] body.v3 .xoo-cp-notice-box :is(ul,li){color:#EBCBBE!important}

/* 28. Home candles: the card-level add button in sentence case, like the product cards (primary buttons keep uppercase) */
html body.v3 .v4-cands__btn{text-transform:none!important;letter-spacing:.02em!important;font-size:15px!important}

/* add-to-cart popup: the „Įdėta į krepšelį“ heading without the grey band */
html body.v3 .xoo-cp-atcn,html body.v3 .xoo-cp-atcn.xoo-cp-success{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:0!important}
html[data-theme="dark"] body.v3 .xoo-cp-atcn,html[data-theme="dark"] body.v3 .xoo-cp-atcn.xoo-cp-success{background:transparent!important}

/* dark mode: the disabled „Į karališką krepšelį“ (before a colour is chosen) readable – outline pill, light text */
html[data-theme="dark"] body.v3 :is(.single_add_to_cart_button,.v3-buybar__btn):is(.disabled,:disabled,[aria-disabled="true"],.wc-variation-selection-needed,.wc-variation-is-unavailable){opacity:1!important;filter:none!important;background:transparent!important;background-image:none!important;border:1.5px dashed #C48A7E!important;color:#E3CFC8!important}

/* 30. Account login card: 20 px „Prisiminti mane“ box with a 44 px label, 44 px „Sukurti paskyrą“ / „Prisijungti“ switch */
html body.v3.woocommerce-account .sm-acc-row .woocommerce-form-login__rememberme{min-height:44px;cursor:pointer}
html body.v3.woocommerce-account .sm-acc-row .woocommerce-form-login__rememberme input[type="checkbox"]{width:20px;height:20px;margin:0;flex:0 0 20px;accent-color:#9C6158;cursor:pointer}
html body.v3.woocommerce-account .sm-acc-lost{display:inline-flex;align-items:center;min-height:44px;border-bottom:0;text-decoration:underline;text-underline-offset:3px}
html body.v3.woocommerce-account .sm-acc-switch button{min-height:44px;padding:0 6px;border-bottom:0;text-decoration:underline;text-underline-offset:3px}
html body.v3.woocommerce-account .sm-acc-tabs button{min-height:46px}
