/* Stoneriai — UX fixes (2026-09-29) */

/* ---------- Cart: one "Išsaugoti" badge per row ---------- */
.wc-block-cart.is-large .wc-block-cart-item__wrap > .wc-block-components-sale-badge{display:none!important}
.wc-block-cart:not(.is-large) .wc-block-cart-item__total .wc-block-components-sale-badge{display:none!important}

/* ---------- Cart: free-shipping panel ---------- */
.sn-freeship{display:flex;gap:14px;align-items:flex-start;margin:16px 0 0;padding:18px;border-radius:18px;background:#EDE0CC;color:#181410}
.sn-freeship>svg{flex:0 0 auto;margin-top:2px}
.sn-freeship>div{flex:1;min-width:0}
.sn-freeship strong{display:block;font:700 15px/1.3 "Plus Jakarta Sans",sans-serif}
.sn-freeship span{display:block;margin-top:2px;font-size:14px;color:#5b5147}
.sn-freeship-bar{height:6px;margin-top:10px;border-radius:99px;background:rgba(24,20,16,.12);overflow:hidden}
.sn-freeship-bar i{display:block;height:100%;width:0;border-radius:inherit;background:#181410;transition:width .4s cubic-bezier(.16,1,.3,1)}
.sn-freeship.is-done{background:#DDEBDD}
.sn-freeship.is-done .sn-freeship-bar i{background:#2f7a4a}

/* ---------- Checkout: account choice ---------- */
.sn-co-account{margin:0 0 24px;padding:20px;border-radius:22px;background:#FAF6EF;border:1px solid #E4D6C0}
.sn-co-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.sn-co-options button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0!important;padding:16px 18px!important;min-height:0!important;border-radius:16px!important;border:1.5px solid #D9C8AF!important;background:#fff!important;color:#181410!important;text-align:left;text-transform:none!important;letter-spacing:0!important;line-height:1.3!important;cursor:pointer;box-shadow:none!important;transition:border-color .2s,background .2s}
.sn-co-options button b{font:700 15px/1.25 "Plus Jakarta Sans",sans-serif}
.sn-co-options button small{font-size:13px;font-weight:400;color:#6b6157;white-space:normal}
.sn-co-options button[aria-checked="true"]{border-color:#181410!important;background:#181410!important;color:#FAF6EF!important}
.sn-co-options button[aria-checked="true"] small{color:#d9cdbb}
.sn-co-perks{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 2px 0!important;padding:0!important;list-style:none!important}
.sn-co-perks li{position:relative;margin:0!important;padding-left:22px;font-size:13px;color:#5b5147}
.sn-co-perks li:before{content:"";position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;background:#181410 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FAF6EF' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/9px no-repeat}
body.woocommerce-checkout form.woocommerce-form-login{margin:0 0 24px!important;padding:22px!important;border-radius:22px!important;border:1px solid #E4D6C0!important;background:#FAF6EF!important}

/* ---------- Checkout: selects ---------- */
body.woocommerce-checkout select.sn-native-select{-webkit-appearance:none;appearance:none;width:100%!important;height:52px!important;padding:0 44px 0 16px!important;border-radius:12px!important;border:1.5px solid #D9C8AF!important;background:#F5EDE0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181410' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 16px center/16px no-repeat!important;color:#181410!important;font-size:16px!important;box-shadow:none!important}
body.woocommerce-checkout select.sn-native-select:focus{border-color:#181410!important;outline:3px solid rgba(24,20,16,.12)}
.select2-container--default .select2-selection--single{height:52px!important;border-radius:12px!important;border:1.5px solid #D9C8AF!important;background:#F5EDE0!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:49px!important;padding-left:16px!important;color:#181410!important}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:50px!important;right:10px!important}
.select2-dropdown{border:1.5px solid #D9C8AF!important;border-radius:14px!important;overflow:hidden;background:#FAF6EF!important;box-shadow:0 14px 34px rgba(24,20,16,.14)!important}
.select2-search--dropdown{padding:10px!important}
.select2-search--dropdown .select2-search__field{height:42px!important;border-radius:10px!important;border:1.5px solid #D9C8AF!important;padding:0 12px!important;background:#fff!important}
.select2-results__option{padding:11px 16px!important;font-size:15px!important;color:#181410}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background:#EDE0CC!important;color:#181410!important}
.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[data-selected=true]{background:#181410!important;color:#FAF6EF!important}

/* ---------- Homepage FAQ: card grid ---------- */
html body #sn-home .sn-faq{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
html body #sn-home .sn-faq details{border:1px solid #E4D6C0!important;border-radius:20px;background:#FAF6EF;padding:0 24px;transition:background .2s,border-color .2s}
html body #sn-home .sn-faq details:last-child{border-bottom:1px solid #E4D6C0!important}
html body #sn-home .sn-faq details[open]{background:#fff;border-color:#D9C8AF!important}
html body #sn-home .sn-faq details:hover{border-color:#D9C8AF!important}
html body #sn-home .sn-faq summary{padding:22px 0!important;min-height:76px}
html body #sn-home .sn-faq details p{margin:-4px 0 22px!important}
@media(max-width:849px){html body #sn-home .sn-faq{grid-template-columns:1fr;gap:10px}html body #sn-home .sn-faq details{padding:0 18px}html body #sn-home .sn-faq summary{min-height:0;padding:18px 0!important}}

/* ---------- Mobile: hero product card (DynaVap) ---------- */
@media(max-width:1000px){
 html body #sn-home .sn-hero-card .box-image,html body #sn-home .sn-hero-card .box-image .image-none,html body #sn-home .sn-hero-card .box-image a{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}
 html body #sn-home .sn-hero-card .box-image img{margin:0 auto!important;left:auto!important;right:auto!important;transform:none!important}
}

/* ---------- Mobile: product tiles & "Jums taip pat gali patikti" ---------- */
@media(max-width:849px){
 html body.single-product .row.upsells,html body.single-product .row.upsells>.col{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;max-width:100%!important}
 html body.single-product .row.upsells .products.row{margin-left:0!important;margin-right:0!important;padding:0!important}
}

/* ---------- Page load: no flash of the un-enhanced layout (desktop build) ---------- */
@keyframes snReveal{to{opacity:1}}
@media(min-width:1001px){body:not(.sn-enhanced):not(.wp-admin):not(.home) #main{opacity:0;animation:snReveal .2s ease 1.6s forwards}}
body.sn-enhanced #main{opacity:1;animation:none;transition:opacity .15s}

/* === Account: login / register (logged out) === */
html body.woocommerce-account:not(.logged-in) .account-container .col2-set.row-divided{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:start;margin:0!important;max-width:1100px}
html body.woocommerce-account:not(.logged-in) .account-container .col2-set.row-divided>.col{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;border:0!important}
html body.woocommerce-account:not(.logged-in) .account-container .col2-set.row-divided>.col:before,html body.woocommerce-account:not(.logged-in) .account-container .col2-set.row-divided>.col:after{display:none!important}
html body.woocommerce-account:not(.logged-in) .account-container ul.tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:4px;padding:4px!important;margin:0 0 16px!important;background:#EDE0CC;border-radius:999px;list-style:none;border:0!important}
html body.woocommerce-account:not(.logged-in) .account-container ul.tabs li{margin:0!important;padding:12px 16px!important;border-radius:999px;text-align:center;font:600 14px/1.2 "Plus Jakarta Sans",sans-serif;color:#5b5147;cursor:pointer;background:transparent!important;border:0!important;transition:background .2s,color .2s}
html body.woocommerce-account:not(.logged-in) .account-container ul.tabs li.active{background:#181410!important;color:#FAF6EF!important}
html body.woocommerce-account:not(.logged-in) .account-container ul.tabs li:not(.active):hover{color:#181410}
html body.woocommerce-account:not(.logged-in) #customer_login{display:block!important;margin:0!important;background:none!important;padding:0!important}
html body.woocommerce-account:not(.logged-in) #customer_login .login-tabs{background:#FAF6EF!important;border:1px solid #E4D6C0!important;border-radius:24px!important;padding:32px!important;width:100%!important;max-width:none!important;box-shadow:0 1px 0 rgba(24,20,16,.04)}
html body.woocommerce-account:not(.logged-in) #customer_login .login-tabs:not(.active){display:none!important}
html body.woocommerce-account:not(.logged-in) #customer_login .login-tabs>h3,html body.woocommerce-account:not(.logged-in) #customer_login .login-tabs h3:first-child{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
html body.woocommerce-account:not(.logged-in) #customer_login .account-login-inner,html body.woocommerce-account:not(.logged-in) #customer_login .account-register-inner,html body.woocommerce-account:not(.logged-in) #customer_login form{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
html body.woocommerce-account:not(.logged-in) #customer_login label{text-transform:none!important;letter-spacing:0!important;font:600 14px/1.4 "Plus Jakarta Sans",sans-serif!important;color:#181410!important;margin-bottom:6px!important}
html body.woocommerce-account:not(.logged-in) #customer_login .form-row{margin-bottom:16px!important;padding:0!important}
html body.woocommerce-account:not(.logged-in) #customer_login input.input-text{height:52px!important;width:100%!important;border-radius:14px!important;background:#fff!important;border:1.5px solid #D9C8AF!important;padding:0 16px!important;font-size:16px!important;box-shadow:none!important}
html body.woocommerce-account:not(.logged-in) #customer_login input.input-text:focus{border-color:#181410!important;outline:3px solid rgba(24,20,16,.12)!important;outline-offset:0}
html body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme{display:flex!important;align-items:center;gap:8px;font-weight:500!important;margin:4px 0 16px!important}
html body.woocommerce-account:not(.logged-in) #customer_login button[type=submit]{width:100%!important;height:52px!important;margin:0!important;border-radius:999px!important;font-size:15px!important;background:#181410!important;color:#FAF6EF!important}
html body.woocommerce-account:not(.logged-in) #customer_login .lost_password{margin:14px 0 0!important;text-align:center}
html body.woocommerce-account:not(.logged-in) #customer_login .lost_password a{color:#5b5147;text-decoration:underline;text-underline-offset:3px;font-size:14px}
html body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text{font-size:13px;color:#6b6157;line-height:1.5}
html body.woocommerce-account:not(.logged-in) #benefits{background:#181410!important;color:#F5EDE0!important;border-radius:24px;padding:36px!important;margin-top:60px!important}
html body.woocommerce-account:not(.logged-in) #benefits h3{color:#FAF6EF!important;font:800 26px/1.1 "Bricolage Grotesque",sans-serif!important;text-transform:none!important;margin:0 0 12px!important}
html body.woocommerce-account:not(.logged-in) #benefits p{color:#d9cdbb!important;font-size:15px;line-height:1.6}
html body.woocommerce-account:not(.logged-in) #benefits ul{list-style:none!important;margin:20px 0 0!important;padding:0!important;display:grid;gap:12px}
html body.woocommerce-account:not(.logged-in) #benefits li{position:relative;padding-left:34px!important;margin:0!important;color:#F5EDE0!important;font-size:15px;line-height:1.5}
html body.woocommerce-account:not(.logged-in) #benefits li:before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:#F5EDE0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23181410' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
@media(max-width:849px){html body.woocommerce-account:not(.logged-in) .account-container .col2-set.row-divided{grid-template-columns:1fr;gap:20px}html body.woocommerce-account:not(.logged-in) #benefits{margin-top:0!important;padding:28px!important}html body.woocommerce-account:not(.logged-in) #customer_login .login-tabs{padding:22px!important}}

html body.woocommerce-account:not(.logged-in) #customer_login p,html body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text p{color:#5b5147!important}
html body.woocommerce-account:not(.logged-in) #customer_login a{color:#181410}
body.woocommerce-checkout form.woocommerce-form-login>p:first-child{display:none}

/* ---------- Mobile: hero "+" on the price line; bigger tile photos; upsell gutter ---------- */
@media(max-width:1000px){html body.sn-mobile #sn-home .sn-hero-card .box-text form.cart button.single_add_to_cart_button{top:auto!important;bottom:-4px!important}}
@media(max-width:849px){
html body.sn-mobile #main .product-small .box-image img:not(.show-on-hover),html body.sn-mobile #main .snm-card .box-image img:not(.show-on-hover){max-height:none!important;top:12px!important;left:12px!important;right:12px!important;bottom:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;object-fit:contain!important;padding:0!important;margin:0!important}
html body.single-product .row.upsells{padding-left:20px!important;padding-right:20px!important}
}

/* ---------- 18+ age gate (Age Gate plugin) in brand style ---------- */
.age-gate__wrapper,.age-gate-wrapper{background:#F5EDE0!important}
.age-gate__background-color,.age-gate__background{background:#F5EDE0!important;opacity:1!important}
.age-gate{background:#FAF6EF!important;border:1px solid #E4D6C0!important;border-radius:28px!important;box-shadow:0 24px 60px rgba(24,20,16,.12)!important;padding:40px 36px 30px!important;max-width:420px!important;width:calc(100% - 32px)!important;margin:auto!important;font-family:"Plus Jakarta Sans",sans-serif!important;color:#181410!important}
.age-gate__heading-title--logo{max-width:120px!important;height:auto!important;margin:0 auto 18px!important;display:block}
.age-gate__subheadline{font:800 26px/1.1 "Bricolage Grotesque",sans-serif!important;text-transform:uppercase;color:#181410!important;margin:0 0 6px!important}
.age-gate__challenge{font-size:15px!important;color:#5b5147!important;margin:0 0 22px!important}
.age-gate__buttons{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
.age-gate__submit{height:52px!important;border-radius:999px!important;font:700 15px/1 "Plus Jakarta Sans",sans-serif!important;text-transform:uppercase;letter-spacing:.04em;margin:0!important;cursor:pointer;transition:transform .15s,background .15s}
.age-gate__submit--yes{background:#181410!important;color:#FAF6EF!important;border:1.5px solid #181410!important}
.age-gate__submit--no{background:transparent!important;color:#181410!important;border:1.5px solid #181410!important}
.age-gate__submit:hover{transform:translateY(-1px)}
.age-gate__remember-wrapper{margin-top:18px!important}
.age-gate__remember{display:inline-flex!important;align-items:center;gap:8px;font-size:14px!important;color:#5b5147!important;cursor:pointer}
.age-gate__remember-field{accent-color:#181410;width:18px;height:18px}
.age-gate__errors{color:#a33!important;font-size:14px}
.age-gate__form{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;max-width:none!important;width:auto!important}
.age-gate__subheadline:empty{display:none}
.age-gate__submit{width:100%!important;padding:0 12px!important}
.age-gate__challenge{font-weight:600!important;color:#181410!important;font-size:17px!important}

/* Homepage guides: 3 across on desktop */
@media(min-width:1001px){html body #sn-home .sn-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* ---------- Cart: hide loyalty-points notice (kept on checkout) ---------- */
body.woocommerce-cart .wp-block-yith-ywpar-cart-points-message_container,body.woocommerce-cart .yith-par-message-cart{display:none!important}

/* ---------- Category + post FAQ (<details>) as cards ---------- */
.sn-cat-faq{max-width:1200px;margin:40px auto 24px;padding:0 24px}
.sn-cat-faq h2{margin:0 0 16px}
.sn-cat-faq,.entry-content .sn-faq-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.sn-cat-faq h2{grid-column:1/-1}
.sn-cat-faq details,.entry-content details{border:1px solid #E4D6C0;border-radius:18px;background:#FAF6EF;padding:0 20px;margin:0 0 10px}
.sn-cat-faq details[open],.entry-content details[open]{background:#fff;border-color:#D9C8AF}
.sn-cat-faq summary,.entry-content details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;font-weight:600;font-size:16px;line-height:1.35;color:#181410}
.sn-cat-faq summary::-webkit-details-marker,.entry-content details summary::-webkit-details-marker{display:none}
.sn-cat-faq summary::after,.entry-content details summary::after{content:"";flex:0 0 auto;width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .25s}
.sn-cat-faq details[open] summary::after,.entry-content details[open] summary::after{transform:rotate(225deg);margin-top:4px}
.sn-cat-faq details p,.entry-content details p{margin:0 0 16px!important;font-size:15px;line-height:1.6;color:#5b5147}
@media(max-width:849px){.sn-cat-faq{grid-template-columns:1fr;padding:0 20px;gap:8px}.sn-cat-faq summary,.entry-content details summary{font-size:15px;padding:14px 0}}

/* ---------- My account: readable text ---------- */
body.woocommerce-account .woocommerce-MyAccount-content,body.woocommerce-account .woocommerce-MyAccount-content p{font-size:16px!important;line-height:1.6}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info{font-size:15px!important}

/* Guide tables: keep prices on one line on mobile */
.sn-guide-table th:last-child,.sn-guide-table td:last-child{white-space:nowrap}

/* Mobile: no flash of the old layout before the mobile redesign script runs (fallback reveal after 1.2 s) */
@media(max-width:1000px){body:not(.sn-mobile):not(.wp-admin):not(.home) #main{opacity:0;animation:snReveal .2s ease 1.2s forwards}}
body.sn-mobile #main{opacity:1;animation:none}


/* ---------- Mobile: pre-script state matches the built layout (no jump, no old header flash) ---------- */
@media (max-width:1000px){
  body:not(.sn-mobile):not(.wp-admin) #header{display:none!important}
  html body:not(.sn-mobile):not(.wp-admin) #wrapper{padding-top:112px!important}
  body:not(.sn-mobile):not(.wp-admin) .stoner-container.sn-cat-intro{display:none!important}
  #sn-home>.sn-top,#sn-home>.sn-nav{display:none!important}
}


/* Home FAQ (desktop): space between the divider line and the question cards */
html body:not(.sn-mobile) #sn-home .sn-faq{padding-top:24px}

/* Account login/register tab bar: keep it the width of the login card */
html body.woocommerce-account:not(.logged-in) .account-container ul.tabs{width:auto!important;max-width:100%;box-sizing:border-box}

/* Desktop: hide the page body (not the old header) until the desktop layout script has rebuilt it, so the rebuild is not a layout shift. 1.2 s fallback reveal. Mirrors the rule in the critical CSS (4422). */
@media (min-width:1001px){body:not(.sn-enhanced):not(.wp-admin) #wrapper>:not(#header){visibility:hidden;animation:snShow 0s linear 1.2s forwards}}
@keyframes snShow{to{visibility:visible}}

/* Old theme defaults (body: Gopher via Use Any Font, headings: Rowdies) -> the design fonts, so those two fonts never download. Mirrors 4422. */
html body{font-family:"Plus Jakarta Sans",sans-serif}html body :is(h1,h2,h3,h4,h5,h6),html body .heading-font{font-family:"Bricolage Grotesque",sans-serif}html .nav>li>a,html body .alt-font{font-family:"Plus Jakarta Sans",sans-serif}

/* Guide tables on phones: a nowrap last column + overflow-wrap:anywhere crushed 4-5 column tables to one letter per line.
   Let cells wrap normally, give columns a minimum width and let wide tables scroll sideways inside their box. */
@media (max-width:767px){
  html body .sn-guide-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
  html body .sn-guide-table th,html body .sn-guide-table td{min-width:7em;overflow-wrap:normal;word-break:normal}
  html body .sn-guide-table th:last-child,html body .sn-guide-table td:last-child{white-space:normal}
}

/* Omnisend popup: the site focus ring drew a second border around the box on the thank-you step (2026-10-07) */
html.sn-fx [class^="omnisend-form-"][class$="-content-inner"]:focus-visible,[class^="omnisend-form-"][class$="-content-inner"]:focus-visible{outline:none;border-radius:0}