/*
Theme Name: Smellytales
Template: twentytwentyfive
Version: 1.0.6
Description: Fairytale storefront for Smellytales.
Text Domain: smellytales
*/

:root{--st-ink:#273329;--st-forest:#34593f;--st-cream:#f8f5ea;--st-pink:#f6dfe8;--st-sage:#e4eddf;--st-gold:#d4a64c}
body{color:var(--st-ink);background:var(--st-cream)}
.wp-site-blocks{overflow:hidden}
.st-header{background:#dce5b8 url('assets/Smellytales-banner.jpg') center top/cover no-repeat;min-height:clamp(280px,17vw,315px);display:flex;align-items:end;border-bottom:5px solid #a6ba7d}
.st-header-inner{width:100%;background:rgba(250,248,238,.92);padding:13px 20px;box-sizing:border-box;box-shadow:0 -7px 25px #26382920}
.st-header .wp-block-site-title{font-family:Georgia,serif;font-size:clamp(1.4rem,3vw,2.4rem);font-style:italic;line-height:1.1;margin:0}
.st-header .wp-block-site-title a,.st-header a{color:var(--st-forest);text-decoration:none}
.st-header .wp-block-navigation{font-size:.91rem;font-weight:600;letter-spacing:.02em}
.st-header .wp-block-navigation a:hover{text-decoration:underline;text-decoration-color:var(--st-gold);text-underline-offset:5px}
.st-hero{padding:25px 22px;background:radial-gradient(circle at 85% 5%,#f3c7d7 0,transparent 32%),radial-gradient(circle at 8% 85%,#d7e7cc 0,transparent 35%),#faf7ed;text-align:center}
.st-hero .wp-block-heading{font-family:Georgia,serif;font-size:clamp(2.2rem,3vw,3.2rem);font-weight:400;line-height:1.12;color:var(--st-forest);max-width:1100px;margin:auto}
.st-hero p{font-size:1rem;line-height:1.5;max-width:690px;margin:8px auto 12px}
.st-hero .wp-block-buttons{margin-top:0}
.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--st-forest)!important;color:#fff!important;border-radius:999px!important;padding:13px 26px!important}
.wp-block-button__link:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#243f2d!important}
.st-section{padding:70px 22px;max-width:1240px;margin:auto}
.st-categories{padding-top:20px;padding-bottom:55px}
.st-categories .wp-block-heading{margin-bottom:12px}
.st-categories .st-section-intro{display:none}
.st-section .wp-block-heading{text-align:center;color:var(--st-forest);font-family:Georgia,serif;font-weight:400;font-size:clamp(1.8rem,3vw,2.8rem)}
.st-section-intro{text-align:center;max-width:650px;margin:0 auto 32px}
.st-categories .products,.st-products .products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1200px!important;width:min(calc(100vw - 48px),1200px)!important;position:relative;left:50%;transform:translateX(-50%)}
.st-categories .products::before,.st-categories .products::after,.st-products .products::before,.st-products .products::after{display:none!important;content:none!important}
.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;text-align:center;background:#fff;border:1px solid #e9e7db;border-radius:18px;padding:14px!important;box-shadow:0 8px 28px #34402f0c}
.woocommerce ul.products li.product img{aspect-ratio:1;object-fit:cover;border-radius:12px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1rem!important;color:var(--st-ink)}
.woocommerce ul.products li.product .price{color:var(--st-forest)!important;font-weight:700}
.st-story{background:var(--st-sage);padding:64px 24px;text-align:center}
.st-story p{max-width:680px;margin:0 auto 24px;line-height:1.75}
.st-footer{background:#263b2c;color:#f8f5ea;padding:42px 22px;font-size:.94rem}
.st-footer a{color:#f8e6b3;text-decoration:none}
.st-footer .wp-block-columns{max-width:1200px;margin:auto}
.st-footer h3{font-family:Georgia,serif;font-size:1.3rem;font-weight:400;color:#fff}
.st-footer p{line-height:1.7}
.st-footer-credit{max-width:1200px;margin:32px auto 0;padding-top:18px;border-top:1px solid #ffffff40;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;font-size:.88rem}
@media(max-width:900px){.st-header{min-height:0;padding-top:21.212vw;background-size:100% auto;background-position:center top}.st-categories .products,.st-products .products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.st-header-inner{padding:12px}.st-hero{padding:24px 16px}.st-hero .wp-block-heading{font-size:clamp(2rem,8vw,2.5rem)}.st-categories .products,.st-products .products{gap:12px}.st-section{padding:48px 14px}.st-categories{padding-top:24px}.woocommerce ul.products li.product{padding:8px!important}}

:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--st-gold);outline-offset:3px}
.st-header .wp-block-navigation a:focus-visible,.st-footer a:focus-visible{outline-color:var(--st-gold)}