/*
Theme Name: Hearth & Home
Author: Hearth & Home
Description: A small, welcoming sourdough storefront for WordPress and WooCommerce.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hearth-and-home
*/
:root{--paper:#faf6ee;--ink:#342d26;--muted:#706557;--accent:#963f2d;--line:#ddd3c4;--soft:#efe6d7;--white:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto;vertical-align:middle}h1,h2,h3,.brand{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.1}h1{font-size:clamp(3rem,6vw,5.8rem);letter-spacing:-.055em;margin:1.1rem 0 1.5rem}h2{font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.04em;margin:.5rem 0 1.3rem}h3{font-size:1.55rem}p{margin:0 0 1.25rem}.container{width:min(1160px,calc(100% - 64px));margin-inline:auto}.announcement{background:var(--accent);color:var(--paper);text-align:center;padding:9px 20px;font-size:.78rem;letter-spacing:.08em}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.7rem;text-decoration:none;letter-spacing:-.04em}.brand small{display:block;font:10px/2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.25em;margin-top:5px}.custom-logo{max-width:190px;max-height:75px;width:auto}.navigation,.navigation ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.navigation a{font-size:.86rem;text-decoration:none}.navigation a:hover{text-decoration:underline}.bag-link{border:1px solid var(--line);border-radius:3px;padding:9px 17px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-block:70px}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.19em;font-weight:650;color:var(--accent)}.hero-copy>p:not(.eyebrow){color:var(--muted);max-width:420px;font-size:1.05rem}.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:3px;padding:15px 25px;font:600 .86rem/1.3 system-ui,sans-serif;text-decoration:none;cursor:pointer}.button:hover,.wp-element-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:#74301f;color:#fff}.hero-actions{margin-top:28px;display:flex;gap:24px;align-items:center}.text-link{font-size:.86rem}.hero-art{position:relative}.hero-art>img{width:100%;aspect-ratio:1/1.07;object-fit:cover;border-radius:48% 48% 3px 3px;background:var(--soft)}.seal{position:absolute;bottom:22px;left:-25px;width:112px;height:112px;border-radius:50%;background:var(--accent);color:var(--paper);display:grid;place-content:center;text-align:center;border:5px solid var(--paper);font:italic 1.2rem/1.3 Georgia,serif;transform:rotate(-10deg)}.values{border-block:1px solid var(--line);display:flex;justify-content:space-around;gap:18px;padding:20px 0;font-size:.75rem;letter-spacing:.06em}.values span::before{content:'✳';color:var(--accent);margin-right:12px}.section{padding-block:76px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.section-heading h2{margin-bottom:0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.sample-card img{width:100%;aspect-ratio:1.15;object-fit:cover;background:var(--soft);border-radius:4px}.sample-card h3{margin:20px 0 10px}.sample-card p{font-size:.9rem;color:var(--muted)}.sample-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.story{background:var(--soft)}.story-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.story-copy{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.step-number{font:italic 2.3rem Georgia,serif;color:var(--accent)}.steps h3{margin:15px 0}.steps p{color:var(--muted);font-size:.93rem}.site-footer{border-top:1px solid var(--line);padding-block:35px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-bottom{font-size:.75rem;color:var(--muted);margin-top:30px}.footer-links{display:flex;gap:22px;align-items:center;font-size:.83rem}.site-main{min-height:50vh;padding-block:50px}.entry-content{overflow-wrap:anywhere}.entry-content>*{max-width:100%}.entry-content h1{font-size:3rem}.entry-content h2{font-size:2rem}.entry-content .alignwide{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea{font:inherit;max-width:100%;padding:12px;border:1px solid var(--line);border-radius:3px;background:var(--white);color:var(--ink)}textarea{width:100%}label{font-weight:500}button,input,select,textarea{accent-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{width:auto;height:auto;clip-path:none;z-index:1000;top:10px;left:10px;background:var(--white);padding:15px}.woocommerce ul.products li.product a img{border-radius:4px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:1.5rem/1.2 Georgia,serif;color:var(--ink)}.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--accent)}.woocommerce ul.products li.product .button{margin-top:.5rem}.woocommerce span.onsale{background:var(--accent)}.woocommerce div.product .product_title{font-size:clamp(2.4rem,5vw,4rem)}.woocommerce .quantity .qty{padding:9px 4px;width:4.5em}.woocommerce table.shop_table{background:var(--white);border-color:var(--line)}.woocommerce-message,.woocommerce-info{border-top-color:var(--accent)}.woocommerce-message::before,.woocommerce-info::before{color:var(--accent)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{line-height:1.5}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--soft)}.woocommerce .woocommerce-breadcrumb{color:var(--muted)}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{min-width:0}.woocommerce-page .site-main h1{font-size:clamp(2.5rem,5vw,4rem)}.wc-block-components-button:not(.is-link){background:var(--accent);color:white;border-radius:3px}.empty-note{padding:24px;border:1px dashed var(--line);color:var(--muted)}.preview-note{padding:12px 20px;background:var(--soft);font-size:.85rem;text-align:center}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:.85rem;color:var(--muted)}.alignleft{float:left;margin:0 24px 16px 0}.alignright{float:right;margin:0 0 16px 24px}.aligncenter{display:block;margin-inline:auto}.sticky{border-left:3px solid var(--accent);padding-left:20px}.bypostauthor{font-weight:inherit}
@media(max-width:760px){.container{width:calc(100% - 36px)}.header-inner{min-height:100px;flex-wrap:wrap;padding-block:20px;gap:18px}.brand{font-size:1.45rem}.navigation,.navigation ul{gap:16px;flex-wrap:wrap}.navigation a{font-size:.8rem}.hero{grid-template-columns:1fr;padding-block:42px;gap:40px}.hero-copy>p:not(.eyebrow){max-width:100%}.hero-art{max-width:480px;width:100%;margin:auto}.hero-art>img{aspect-ratio:1.15}.seal{left:10px;width:90px;height:90px;font-size:1rem}.values{flex-wrap:wrap;justify-content:center;font-size:.7rem}.section{padding-block:48px}.section-heading{align-items:start;flex-direction:column;gap:15px}.product-grid,.steps{grid-template-columns:1fr;gap:30px}.sample-card img{aspect-ratio:1.4}.story-inner{grid-template-columns:1fr;gap:15px}.hero-actions{gap:20px}.woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{width:100%;float:none;margin:0 0 2rem}.footer-top{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}