/*
Theme Name: Local Business Foundation
Description: Shared native-block foundation for service businesses and small stores.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: local-business
*/
:root{scroll-behavior:smooth}body{margin:0}a{text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b44c28;outline-offset:4px}.wp-site-blocks>main{min-height:60vh}.wp-block-button__link{transition:background .15s}.wp-block-button__link:hover{background:#263c35}.demo-label{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.hero{padding-block:clamp(3rem,8vw,7rem)}.hero h1{max-width:850px}.service-card{border-top:2px solid #244e42;padding-top:1.5rem}.site-footer{margin-top:5rem;padding-block:2rem;border-top:1px solid #cbd4ce}.business-form{max-width:42rem}.business-form label{display:block;font-weight:600;margin-top:1rem}.business-form input,.business-form textarea,.business-form select{box-sizing:border-box;display:block;width:100%;padding:.85rem;border:1px solid #687b72;border-radius:4px;background:white;color:#142c24;font:inherit}.business-form button{margin-top:1.5rem;padding:1rem 1.5rem;background:#244e42;color:#fff;border:0;border-radius:4px;font:inherit;cursor:pointer}.business-form .trap{position:absolute;left:-10000px}.notice{padding:1rem;border:2px solid #244e42}.woocommerce ul.products li.product .price{color:#244e42}.woocommerce div.product p.price{color:#244e42}@media(max-width:600px){.wp-block-navigation{font-size:1rem}.hero{padding-block:3rem}h1{overflow-wrap:break-word}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

.hero h1{margin-left:0!important;margin-right:0!important;max-width:1000px}.hero>p:first-child{font-size:.8rem;letter-spacing:.1em;font-weight:700} .woocommerce ul.products li.product a img{border-radius:4px}

/* Editorial demo layer. Both variants share the same native block theme. */
body.demo-service{--tone:#193e34;--accent:#db8653;--paper:#f4f0e6;--ink:#18382f}
body.demo-store{--tone:#3d3028;--accent:#c79466;--paper:#f3eee5;--ink:#352d26}
body.demo-service,body.demo-store{background:var(--paper);color:var(--ink)}
body.demo-service .wp-site-blocks>header,body.demo-store .wp-site-blocks>header{position:relative;z-index:2;background:var(--paper)}
body.demo-service .wp-site-blocks>header>.wp-block-group,body.demo-store .wp-site-blocks>header>.wp-block-group{min-height:66px;border-bottom:1px solid currentColor;padding-block:12px!important}
body.demo-service .wp-block-site-title,body.demo-store .wp-block-site-title{font-weight:750;letter-spacing:-.04em;max-width:16rem;line-height:1.1}
body.demo-service .wp-block-navigation a,body.demo-store .wp-block-navigation a{font-size:.88rem;font-weight:650;text-decoration:none;letter-spacing:.02em}
body.demo-service .wp-block-navigation a:hover,body.demo-store .wp-block-navigation a:hover{text-decoration:underline;text-decoration-thickness:2px}
body.demo-service .wp-site-blocks>main,body.demo-store .wp-site-blocks>main{max-width:none;padding:0}
body.demo-service .wp-site-blocks>main>.wp-block-post-content,body.demo-store .wp-site-blocks>main>.wp-block-post-content{margin:0}
.demo-hero{position:relative;isolation:isolate;box-sizing:border-box;min-height:680px;max-width:none!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:70px max(5vw,calc((100vw - 1250px)/2))!important;background-color:var(--tone);background-size:cover;background-position:center;color:#fff;overflow:hidden}
.demo-service .demo-hero{background-image:linear-gradient(90deg,rgba(8,36,27,.91) 0%,rgba(8,36,27,.75) 39%,rgba(8,36,27,.13) 100%),url('https://siteveld.dev/wp-content/themes/local-business/assets/garden-editorial.webp')}
.demo-store .demo-hero{background-image:linear-gradient(90deg,rgba(34,23,17,.94) 0%,rgba(34,23,17,.65) 40%,rgba(34,23,17,.03) 100%),url('https://siteveld.dev/wp-content/themes/local-business/assets/homewares-editorial.webp')}
.demo-hero:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.35);z-index:-1;pointer-events:none}
.demo-hero>p:first-child,.demo-intro>p:first-child,.demo-products>p:first-child,.demo-closing>p:first-child{font-size:.76rem;letter-spacing:.16em;font-weight:750;text-transform:uppercase}
.demo-hero>p:first-child{color:#f1bf93}
.demo-hero h1{font-family:Georgia,serif;font-size:clamp(3.6rem,7vw,7.6rem)!important;line-height:.98;font-weight:400;letter-spacing:-.055em;max-width:820px!important;margin:26px 0!important;color:#fff}
.demo-hero h1 em,.demo-intro h2 em,.demo-closing h2 em{font-weight:400;color:var(--accent)}
.demo-hero>p:nth-of-type(2){font-size:clamp(1.08rem,1.7vw,1.45rem);line-height:1.5;max-width:590px;margin:0 0 30px;color:#f4f1e7}
.demo-hero>p:last-child{font-size:.83rem;color:#e8ded0;margin-top:28px}
.demo-hero .wp-block-button__link{background:var(--accent);color:#1c2c25;border-radius:0;padding:18px 27px;font-weight:750;font-size:.9rem;text-transform:uppercase;letter-spacing:.055em}
.demo-hero .wp-block-button__link:hover{background:#f4f0e6}
.demo-intro,.demo-service-wrap,.demo-products,.demo-closing{max-width:none!important;padding:clamp(70px,8vw,130px) max(5vw,calc((100vw - 1250px)/2))!important}
.demo-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);column-gap:9vw;align-items:end;background:var(--paper)}
.demo-intro>p:first-child{grid-column:1/-1;color:#a04e35;margin:0 0 20px}
.demo-intro h2,.demo-closing h2{font-family:Georgia,serif;font-size:clamp(2.8rem,5vw,5.9rem);line-height:1.05;letter-spacing:-.045em;font-weight:400;margin:0}
.demo-intro>p:last-child{font-size:1.18rem;line-height:1.65;max-width:440px;margin:0 0 8px}
.demo-service-wrap{background:#e0e6d9}
.demo-services{gap:0;border-top:1px solid #8b9d8f;border-bottom:1px solid #8b9d8f}
.demo-services>.wp-block-column{padding:35px 28px 46px;border-right:1px solid #8b9d8f}
.demo-services>.wp-block-column:first-child{padding-left:0}.demo-services>.wp-block-column:last-child{border-right:0}
.demo-services p:first-child{font-size:.77rem;font-weight:750;letter-spacing:.12em;color:#a04e35}
.demo-services h2{font:400 clamp(2rem,3vw,3.2rem)/1.1 Georgia,serif;margin:55px 0 20px}
.demo-service-wrap>.wp-block-buttons,.demo-products>.wp-block-buttons{margin-top:40px}
.demo-service-wrap .wp-block-button__link,.demo-products .wp-block-button__link,.demo-closing .wp-block-button__link{border-radius:0;padding:16px 24px;background:var(--tone);color:#fff}
.demo-products{background:#f8f5ed}
.demo-products>p:first-child{color:#9a5b42;margin-bottom:35px}
.demo-products .woocommerce ul.products li.product img{aspect-ratio:1;object-fit:cover;margin-bottom:16px}
.demo-products .woocommerce ul.products li.product .woocommerce-loop-product__title{font:400 1.5rem/1.2 Georgia,serif;color:var(--ink)}
.demo-products .woocommerce ul.products li.product .button{background:transparent;color:var(--ink);padding:0;border-radius:0;border-bottom:1px solid var(--ink);text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}
.demo-products .woocommerce ul.products li.product .price{font-size:1rem;color:var(--ink)}
.demo-closing{background:var(--tone);color:#fff}
.demo-closing>p:first-child{color:var(--accent)}
.demo-closing h2{max-width:950px}
.demo-closing>p:not(:first-child){max-width:600px;font-size:1.18rem}
.demo-closing .wp-block-button__link{margin-top:28px;background:var(--accent);color:#1b2923;font-weight:700}
.demo-service .site-footer,.demo-store .site-footer{border:0;margin-top:0;padding-block:52px;background:var(--paper)}
.demo-service .site-footer>*,.demo-store .site-footer>*{margin-inline:auto;max-width:1250px}
.demo-service .wp-site-blocks>main:not(:has(.demo-hero)),.demo-store .wp-site-blocks>main:not(:has(.demo-hero)){max-width:1250px;margin:auto;padding:35px 5vw}
@media(max-width:780px){.demo-hero{min-height:650px;padding:70px 6vw!important}.demo-service .demo-hero{background-position:62% center}.demo-store .demo-hero{background-position:64% center}.demo-hero h1{font-size:clamp(3.2rem,12vw,5rem)!important;max-width:620px!important}.demo-intro{display:block}.demo-intro h2{margin:0 0 28px}.demo-services{display:block}.demo-services>.wp-block-column{border-right:0;border-bottom:1px solid #8b9d8f;padding:26px 0!important}.demo-services>.wp-block-column:last-child{border-bottom:0}.demo-services h2{margin:16px 0}.demo-intro,.demo-service-wrap,.demo-products,.demo-closing{padding:65px 6vw!important}}
@media(max-width:480px){.demo-hero{min-height:690px}.demo-hero:before{inset:10px}.demo-hero h1{font-size:3.55rem!important}.demo-hero>p:nth-of-type(2){font-size:1.1rem}.demo-store .demo-hero{background-position:72% center}.demo-intro h2,.demo-closing h2{font-size:3.1rem}.demo-products .woocommerce ul.products li.product{width:100%!important;margin-right:0!important}}
.demo-hero > *{margin-left:0!important;margin-right:0!important;text-align:left!important}
.demo-hero>.wp-block-buttons{justify-content:flex-start!important}
.demo-intro > *,.demo-closing > *{margin-left:0!important;margin-right:0!important}
/* Use real image elements for reliable loading and previews. */
.demo-service .demo-hero,.demo-store .demo-hero{background-image:none}
.demo-hero>.demo-hero-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;z-index:-2;overflow:hidden}
.demo-hero-media img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.demo-service .demo-hero:after,.demo-store .demo-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.demo-service .demo-hero:after{background:linear-gradient(90deg,rgba(8,36,27,.91) 0%,rgba(8,36,27,.75) 39%,rgba(8,36,27,.13) 100%)}
.demo-store .demo-hero:after{background:linear-gradient(90deg,rgba(34,23,17,.94) 0%,rgba(34,23,17,.65) 40%,rgba(34,23,17,.03) 100%)}
.demo-hero:before{z-index:2}
.demo-hero>p:first-of-type{color:#f1bf93;font-size:.76rem;letter-spacing:.16em;font-weight:750;text-transform:uppercase}
.demo-hero>p:nth-of-type(2){font-size:clamp(1.08rem,1.7vw,1.45rem);line-height:1.5;max-width:590px;margin:0 0 30px;color:#f4f1e7}
@media(max-width:780px){.demo-service .demo-hero-media img{object-position:62% center}.demo-store .demo-hero-media img{object-position:64% center}}
@media(max-width:480px){.demo-store .demo-hero-media img{object-position:72% center}}
/* Let the homepage sections reach the viewport; keep copy constrained within each section. */
body.home.demo-service .wp-site-blocks>main,body.home.demo-store .wp-site-blocks>main{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.home.demo-service .wp-site-blocks>main>.wp-block-post-content,body.home.demo-store .wp-site-blocks>main>.wp-block-post-content{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.home.demo-service .demo-hero,body.home.demo-store .demo-hero,body.home.demo-service .demo-intro,body.home.demo-store .demo-intro,body.home.demo-service .demo-service-wrap,body.home.demo-store .demo-products,body.home.demo-service .demo-closing,body.home.demo-store .demo-closing{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important}
body.home.demo-service,body.home.demo-store{padding-left:0!important;padding-right:0!important}
body.home.demo-service .wp-site-blocks>header,body.home.demo-store .wp-site-blocks>header{padding-inline:clamp(20px,4vw,68px)}
body.home.demo-service .wp-site-blocks>footer,body.home.demo-store .wp-site-blocks>footer{padding-inline:clamp(20px,4vw,68px)}