/*
Theme Name: Grace + Gratitude Restoration
Theme URI: https://www.graceandgratitudeteas.com/
Author: Grace + Gratitude Teas
Description: A lightweight, editable restoration of the archived tea and self-care homepage.
Version: 1.0.4
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: grace-gratitude-restoration
*/

:root{--ink:#252322;--soft-ink:#625956;--cream:#faf7f3;--rose:#b2838d;--rose-wash:#f2e8eb;--copper:#ba7833;--line:#e8ddd9;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:.2em}a:hover{color:#8b5260}a:focus-visible{outline:3px solid var(--copper);outline-offset:4px}.screen-reader-text{position:absolute;left:-10000px}.screen-reader-text:focus{left:1rem;top:1rem;z-index:100;background:#fff;padding:.6rem}
.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{max-width:1240px;margin:auto;padding:12px clamp(18px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none}.brand img{width:70px;height:70px;object-fit:contain}.brand-name{font-family:var(--serif);font-size:1.12rem;letter-spacing:.025em;line-height:1.2}.brand-name small{display:block;font-family:Arial,sans-serif;font-size:.61rem;letter-spacing:.24em;text-transform:uppercase;color:var(--soft-ink);margin-top:3px}.site-nav{display:flex;flex-wrap:wrap;gap:clamp(.8rem,2.4vw,2rem);align-items:center}.site-nav a{text-decoration:none;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.site-nav a:hover{text-decoration:underline}.site-main{overflow:hidden}.site-main .wp-block-group{margin:0}.site-main h1,.site-main h2,.site-main h3{font-family:var(--serif);font-weight:400;line-height:1.12;margin:0}.site-main h1{font-size:clamp(2.9rem,5.3vw,5.6rem)}.site-main h2{font-size:clamp(2rem,3.3vw,3.5rem)}.site-main h3{font-size:1.45rem}.site-main p{margin:.7rem 0 0}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#8b5260;margin:0 0 1.2rem!important}.section-inner{max-width:1180px;margin:auto!important;padding:clamp(58px,8vw,112px) clamp(20px,4vw,48px)}.section-intro{max-width:680px;margin:0 auto 3rem;text-align:center}.section-intro p{color:var(--soft-ink)}
.hero{background:var(--cream)}.hero-grid{max-width:1380px;margin:auto!important;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:stretch}.hero-copy{padding:clamp(70px,10vw,150px) clamp(22px,7vw,105px);align-self:center}.hero-copy p{font-size:1.1rem;max-width:34rem;color:var(--soft-ink)}.hero-image{margin:0;min-height:540px}.hero-image img{display:block;width:100%;height:100%;min-height:540px;object-fit:cover}.text-link{display:inline-block;margin-top:1.9rem;text-decoration:none;border-bottom:1px solid var(--copper);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding-bottom:.3rem}.teas{background:#fff}.tea-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,26px)}.tea-card{background:#fff;text-align:center}.tea-card figure{margin:0;background:#f9f6f3;aspect-ratio:1/1;overflow:hidden}.tea-card img{width:100%;height:100%;object-fit:cover;display:block}.tea-card h3{margin:1.1rem 0 0;font-size:1.35rem}.tea-card p{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#8b5260;margin-top:.2rem}.tea-more{text-align:center;color:var(--soft-ink);font-size:.92rem;margin-top:2.3rem!important}.note-strip{background:var(--rose-wash);text-align:center;padding:24px 20px;color:#5c4148;font-family:var(--serif);font-size:1.2rem}
.feature{background:var(--cream)}.feature-grid{max-width:1250px;margin:auto!important;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding:clamp(60px,8vw,110px) clamp(20px,4vw,48px)}.feature-image{margin:0}.feature-image img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover}.feature-copy p{max-width:33rem;color:var(--soft-ink)}.feature-copy h3{margin-top:1.8rem}.accessories{background:#fff}.accessory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,70px);max-width:850px;margin:auto!important}.accessory-card{text-align:center}.accessory-card figure{margin:0 auto 1rem;background:#faf7f7;max-width:330px}.accessory-card img{width:100%;display:block}.accessory-card p{max-width:27rem;margin:.45rem auto;color:var(--soft-ink)}.ritual{background:#e8dce2}.ritual .feature-grid{padding-top:0;padding-bottom:0;gap:0}.ritual .feature-copy{padding:60px clamp(20px,6vw,85px)}.ritual .feature-image img{aspect-ratio:1.35/1}.wellness{background:#fff}.wellness .feature-grid{direction:rtl}.wellness .feature-grid>*{direction:ltr}.wellness .feature-image img{aspect-ratio:1.25/1}.site-footer{background:#25211f;color:#f7efeb;padding:55px clamp(20px,4vw,48px) 24px}.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:40px;align-items:start}.footer-inner h2{font:normal 1.6rem var(--serif);margin:0 0 .8rem}.footer-inner p{margin:0;max-width:29rem;color:#d9ccc6}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;font-size:.83rem}.footer-bottom{max-width:1180px;margin:45px auto 0;border-top:1px solid #564943;padding-top:20px;font-size:.72rem;letter-spacing:.12em;color:#c6b5ad;text-transform:uppercase}.default-page{max-width:850px;padding:65px 24px;margin:auto}.default-page h1{font-family:var(--serif)}
@media(max-width:800px){.header-inner{align-items:flex-start;flex-direction:column;gap:.4rem}.site-nav{gap:.75rem 1.2rem;padding-bottom:10px}.site-nav a{font-size:.7rem}.hero-grid,.feature-grid{grid-template-columns:1fr}.hero-copy{padding:55px 24px}.hero-image,.hero-image img{min-height:360px;max-height:540px}.tea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{padding:60px 24px}.ritual .feature-copy{padding:55px 24px}.wellness .feature-grid{direction:ltr}.footer-inner{display:block}.footer-links{margin-top:2rem}}
@media(max-width:480px){.brand img{width:58px;height:58px}.brand-name{font-size:.98rem}.hero-image,.hero-image img{min-height:280px}.section-inner{padding:55px 20px}.tea-grid{gap:22px 12px}.tea-card h3{font-size:1.1rem}.accessory-grid{grid-template-columns:1fr}.note-strip{font-size:1rem}.site-main h1{font-size:2.8rem}}

/* Some WordPress versions wrap Group block children in an inner container.
   Keep the block's editability while allowing the intended grid children to
   participate in its layout at every breakpoint. */
.hero-grid>.wp-block-group__inner-container,
.feature-grid>.wp-block-group__inner-container,
.tea-grid>.wp-block-group__inner-container,
.accessory-grid>.wp-block-group__inner-container{display:contents}

/* Keep native WordPress information pages comfortable to read. */
.default-page{max-width:780px;padding:clamp(42px,7vw,78px) 24px}
.default-page h1{font-size:clamp(2.4rem,5vw,3.6rem);margin:0 0 1.4rem}
.default-page h2{font-size:clamp(1.6rem,3vw,2rem);margin:2rem 0 .65rem}
.default-page h3{font-size:1.3rem;margin:1.6rem 0 .5rem}
.default-page p{margin:.8rem 0}
.default-page ul,.default-page ol{padding-left:1.4rem;margin:.8rem 0}
.default-page li+li{margin-top:.4rem}
.footer-links{max-width:31rem}
.default-page .wp-block-image{margin:1.4rem 0}
.default-page .wp-block-image img{display:block;max-width:min(100%,420px);margin:auto}