/* Everyday Harvest: Warm organic lifestyle. Independently designed identity and responsive components. */

/* Shared structural improvements; each identity.css below controls layout and visual direction. */
html{scroll-behavior:smooth;scroll-padding-top:106px}body{overflow-x:clip;min-width:320px}*,*:before,*:after{box-sizing:border-box}img{height:auto;max-width:100%}
body .site-header{position:sticky;top:0;z-index:45;backdrop-filter:blur(18px)}
.site-header .header-layout{display:flex;align-items:center;min-height:86px;gap:24px}
.site-header .brand img{height:auto;width:clamp(185px,20vw,247px);max-width:100%}
.desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.header-cta{white-space:nowrap}.menu-toggle{display:none;align-items:center;justify-content:center;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--cream);color:var(--dark);margin-left:auto;min-width:48px;min-height:48px}
.mobile-nav{background:var(--cream);border-bottom:1px solid var(--border)}.mobile-nav[hidden]{display:none!important}
.mobile-links{display:flex;flex-direction:column;gap:0;padding:12px 0 20px}.mobile-links a{padding:13px;border-bottom:1px solid var(--border);font-weight:700;text-decoration:none}
.hero-section .hero-grid{position:relative}.hero-section .hero-text{position:relative;z-index:2}.hero-section h1{font-family:var(--font-heading);font-size:clamp(2.9rem,5.3vw,5.85rem);line-height:1.045;letter-spacing:-.048em;margin:15px 0 23px;max-width:920px}
.hero-section .hero-kicker{font-size:.79rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--primary)}
.hero-section .hero-lead{font-size:clamp(1.1rem,1.6vw,1.29rem);max-width:590px;line-height:1.65}
.hero-section .hero-follow{max-width:575px;margin-top:14px;line-height:1.8;color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.hero-section .hero-actions .btn{min-height:50px}
.hero-section .hero-media{position:relative;min-width:0}.hero-section .hero-media img{display:block;object-fit:cover}
.site-footer{padding:80px 0 0;position:relative}.site-footer .footer-layout{display:grid;grid-template-columns:1.65fr 1fr 1fr 1.4fr;gap:clamp(20px,3vw,52px)}
.site-footer .footer-brand img{max-width:245px;height:auto}.site-footer .footer-brand p{margin-top:17px;line-height:1.65}
.site-footer .footer-col{display:flex;flex-direction:column;gap:12px;align-items:start;min-width:0}.site-footer .footer-col h2{font-family:var(--font-body);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.site-footer .footer-col a,.site-footer .footer-col button,.site-footer .footer-col .footer-email{font-size:.93rem;line-height:1.5;overflow-wrap:anywhere}.site-footer .footer-col a:hover,.site-footer .footer-col button:hover{text-decoration:underline}
.site-footer .footer-col button{background:none;border:0;color:inherit;padding:0;text-align:left}.site-footer .footer-small{font-size:.83rem;opacity:.78}
.site-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #ffffff35;padding:25px 0;margin-top:58px;font-size:.81rem}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:60;border-top:1px solid var(--border);box-shadow:0 -6px 35px #0002;background:var(--cream)}
.cookie-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:19px}.cookie-inner h2{font-family:var(--font-body);font-size:1.12rem}.cookie-inner p{font-size:.85rem;max-width:680px;margin-top:6px;line-height:1.5}.cookie-inner p a{text-decoration:underline}.cookie-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.modal-shell{position:fixed;inset:0;z-index:100;background:#000b;display:grid;place-items:center;padding:22px}.modal-panel{position:relative;background:var(--cream);color:var(--ink);width:min(100%,500px);max-height:92vh;overflow:auto;padding:33px;border-radius:22px;border:1px solid var(--border);box-shadow:0 30px 70px #0005}
.modal-panel h2{font-size:2rem;margin:12px 0}.modal-panel p{margin:15px 0;line-height:1.65}.modal-panel>a{text-decoration:underline;margin-top:22px;display:inline-block}.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:1.7rem;color:var(--ink);padding:4px 10px}

.site-disclaimer{font-weight:600}
@media(max-width:980px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.site-footer .footer-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.cookie-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.site-header .header-layout{min-height:72px;gap:12px}.site-header .brand img{width:190px}.hero-section h1{font-size:clamp(2.35rem,10vw,3.6rem);overflow-wrap:break-word}.hero-section .hero-grid{gap:28px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.site-footer{padding-top:55px}.site-footer .footer-layout{grid-template-columns:1fr 1fr;gap:28px 16px}.site-footer .footer-brand,.site-footer .footer-contact{grid-column:1/-1}.site-footer .footer-bottom{flex-direction:column;align-items:flex-start;margin-top:30px}.cookie-actions{width:100%}.cookie-actions .btn{flex:1 0 auto}.modal-panel{padding:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


body{background:var(--cream)!important;color:var(--ink);font-size:17px}.shell{width:min(100% - 48px,1180px)}body h1,body h2,body h3{letter-spacing:-.035em}
.site-header{background:#FFF8EDef!important;border:0!important}.site-header .shell{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding-inline:0!important;margin-top:0!important}
.nav-link{border-radius:100px!important}.nav-link-active,.nav-link:hover{background:var(--mist)!important;color:var(--dark)}
.btn{border-radius:999px!important;box-shadow:none!important}.btn-primary{background:var(--primary)!important}.btn-primary:hover{background:var(--dark)!important}
.hero-organic{background:var(--cream)!important;padding:60px 0 110px!important}.hero-organic:before{content:'';position:absolute;background:#e9d7bf;width:55vw;height:55vw;right:-20vw;top:-10vw;border-radius:50%;z-index:0;opacity:.55}.hero-organic:after{display:none}.hero-organic .hero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:60px;align-items:center;background:none!important;box-shadow:none!important;border:0!important;padding:0!important}.hero-organic h1{font-size:clamp(3.2rem,5.5vw,6.1rem)}.hero-organic .hero-aside{margin-top:28px;font-family:var(--font-heading);font-size:1.35rem;color:var(--primary);font-style:italic}.hero-organic .hero-media{height:560px}.hero-organic .hero-organic-main{position:absolute;right:0;top:12px;width:83%;height:92%;border-radius:46% 46% 30% 30%;box-shadow:0 24px 60px #61362830}.hero-organic .hero-organic-side{position:absolute;bottom:-18px;left:0;width:39%;height:39%;border-radius:50%;border:12px solid var(--cream);box-shadow:0 12px 30px #61362820}.hero-organic .hero-flower{font-size:6rem;color:var(--accent);position:absolute;right:-27px;bottom:-63px}
/* Respect each page's authored section colors rather than replacing all section backgrounds. */
.info-card,.plate-card,.day-card,.tip-card,.article-card,.faq-item{border-radius:36px 12px 36px 12px!important;background:#fffdf8!important;box-shadow:0 12px 28px #61362810!important}.info-card:nth-child(2n),.plate-card:nth-child(2n){border-radius:12px 36px 12px 36px!important}.article-card img{border-radius:38px 12px 0 0}.macro-card{border-radius:35px 12px!important}.section-heading.centered{max-width:750px}.feature-icon{border-radius:50%}.site-footer{background:var(--dark);color:#fff4e4;border-radius:80px 80px 0 0;margin-top:0}.site-footer .footer-layout{gap:35px}.article-reading{border-radius:32px!important}.field-input{border-radius:16px!important}
@media(max-width:850px){.hero-organic .hero-grid{grid-template-columns:1fr;gap:20px}.hero-organic .hero-media{height:420px}.hero-organic .hero-organic-main{width:80%;right:5%}.hero-organic .hero-organic-side{left:5%}}
@media(max-width:640px){.hero-organic{padding:45px 0 75px!important}.hero-organic .hero-media{height:360px}.hero-organic .hero-organic-side{height:32%;width:35%}.hero-organic .hero-flower{font-size:4rem;right:0}.site-footer{border-radius:42px 42px 0 0}}
@media(max-width:900px){.hero-organic .hero-flower{right:0}}

/* Refined accessible composition; source copy preserved. */
.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-chips .hero-chip{display:inline-flex;align-items:center;min-height:36px;font-size:.77rem;padding:8px 12px;border:1px solid var(--border);border-radius:99px;background:var(--cream);color:var(--ink);line-height:1.4}
.hero-note{position:absolute;z-index:4;bottom:14px;right:10px;display:flex;flex-direction:column;gap:4px;max-width:min(85%,290px);padding:14px 20px;background:var(--dark);color:#fff;border:1px solid #ffffff33;border-radius:8px;box-shadow:0 10px 24px #0002}.hero-note span{font-size:.72rem;letter-spacing:.055em}.hero-note strong{font-size:.96rem;line-height:1.4}
.hero-kicker{font-weight:700;letter-spacing:.09em;font-size:.84rem}.hero-lead{color:var(--ink)}.hero-follow{color:var(--muted)}.hero-section .hero-grid{min-width:0}.hero-text{min-width:0}.hero-section .hero-media{min-width:0}
.site-footer address{font-style:normal;line-height:1.65;overflow-wrap:anywhere}.site-footer .footer-col a{overflow-wrap:anywhere}.site-footer .footer-col a:focus-visible,.site-footer button:focus-visible{outline:3px solid #fff;outline-offset:4px}
main a:focus-visible,header a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.site-disclaimer{padding:9px 20px;font-size:.8rem;text-align:center;line-height:1.4}.site-disclaimer p{margin:0}
.hero-section img{object-fit:cover}.hero-section .hero-media{isolation:isolate}.hero-section .hero-media img{width:100%;height:100%;object-fit:cover}
@media(max-width:640px){.hero-note{position:relative;bottom:auto;right:auto;max-width:none;margin-top:12px}.hero-chips{gap:7px}.hero-chips .hero-chip{font-size:.7rem;padding:6px 10px}.site-footer address{font-size:.9rem}.site-footer .footer-col{min-width:0}.hero-section .hero-grid{gap:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.hero-organic .hero-media{height:555px;position:relative}.hero-organic .hero-photo-main{position:absolute;top:0;left:7%;width:82%;height:85%;overflow:hidden;border-radius:50% 50% 24% 24%}.hero-organic .hero-photo-side{position:absolute;right:0;bottom:8%;width:35%;height:36%;overflow:hidden;border:9px solid var(--cream);border-radius:50%}.hero-organic .hero-note{bottom:0;left:0;right:auto}@media(max-width:900px){.hero-organic .hero-media{height:450px}}@media(max-width:640px){.hero-organic .hero-media{height:330px}.hero-organic .hero-note{position:relative;top:305px;left:auto}.hero-organic{padding-bottom:105px!important}}

/* Refined accessible composition; source copy preserved. */
.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-chips .hero-chip{display:inline-flex;align-items:center;min-height:36px;font-size:.77rem;padding:8px 12px;border:1px solid var(--border);border-radius:99px;background:var(--cream);color:var(--ink);line-height:1.4}
.hero-note{position:absolute;z-index:4;bottom:14px;right:10px;display:flex;flex-direction:column;gap:4px;max-width:min(85%,290px);padding:14px 20px;background:var(--dark);color:#fff;border:1px solid #ffffff33;border-radius:8px;box-shadow:0 10px 24px #0002}.hero-note span{font-size:.72rem;letter-spacing:.055em}.hero-note strong{font-size:.96rem;line-height:1.4}
.hero-kicker{font-weight:700;letter-spacing:.09em;font-size:.84rem}.hero-lead{color:var(--ink)}.hero-follow{color:var(--muted)}.hero-section .hero-grid{min-width:0}.hero-text{min-width:0}.hero-section .hero-media{min-width:0}
.site-footer address{font-style:normal;line-height:1.65;overflow-wrap:anywhere}.site-footer .footer-col a{overflow-wrap:anywhere}.site-footer .footer-col a:focus-visible,.site-footer button:focus-visible{outline:3px solid #fff;outline-offset:4px}
main a:focus-visible,header a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.site-disclaimer{padding:9px 20px;font-size:.8rem;text-align:center;line-height:1.4}.site-disclaimer p{margin:0}
.hero-section img{object-fit:cover}.hero-section .hero-media{isolation:isolate}.hero-section .hero-media img{width:100%;height:100%;object-fit:cover}
@media(max-width:640px){.hero-note{position:relative;bottom:auto;right:auto;max-width:none;margin-top:12px}.hero-chips{gap:7px}.hero-chips .hero-chip{font-size:.7rem;padding:6px 10px}.site-footer address{font-size:.9rem}.site-footer .footer-col{min-width:0}.hero-section .hero-grid{gap:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.hero-organic .hero-media{height:555px;position:relative}.hero-organic .hero-photo-main{position:absolute;top:0;left:7%;width:82%;height:85%;overflow:hidden;border-radius:50% 50% 24% 24%}.hero-organic .hero-photo-side{position:absolute;right:0;bottom:8%;width:35%;height:36%;overflow:hidden;border:9px solid var(--cream);border-radius:50%}.hero-organic .hero-note{bottom:0;left:0;right:auto}@media(max-width:900px){.hero-organic .hero-media{height:450px}}@media(max-width:640px){.hero-organic .hero-media{height:330px}.hero-organic .hero-note{position:relative;top:305px;left:auto}.hero-organic{padding-bottom:105px!important}}

.site-disclaimer{background:#573B2C!important;color:#FFFFFF!important;border-color:#573B2C!important}.site-disclaimer p{color:#FFFFFF!important}


/* Contrast correction (2026-10-29). Warm light surfaces with dark headings and copy.
   Applied only to this identity. Other website variants remain unchanged. */
main > section.text-white {
  background: #F3E8D8 !important;
  color: #342D28 !important;
}
main > section.text-white h1,
main > section.text-white h2,
main > section.text-white h3 {
  color: #342D28 !important;
}
main > section.text-white .eyebrow-light {
  color: #9A4930 !important;
}
main > section.text-white > .shell > p,
main > section.text-white .article-meta,
main > section.text-white .breadcrumb,
main > section.text-white .article-hero-macros .breadcrumb,
main > section.article-hero-macros .breadcrumb,
main > section.article-hero-macros .article-meta,
main > section.article-hero-macros p:not(.eyebrow) {
  color: #65564B !important;
}
main .macro-card {
  background: #FFFCF7 !important;
  border: 1px solid #DECBBB !important;
  box-shadow: 0 10px 28px rgba(97, 54, 40, 0.08) !important;
  color: #342D28 !important;
}
main .macro-card h2,
main .macro-card h3,
main .macro-card h4 {
  color: #342D28 !important;
}
main .macro-card p,
main .macro-card li {
  color: #59493F !important;
}
main .macro-card .macro-marker {
  background: #E4EBCD;
  color: #49372B;
}
/* Article title and editorial section headings, including the former dark hero. */
main .article-hero h1,
main .article-reading h2,
main .article-reading h3,
main .article-sidebar-title,
main .article-toolkit:not(.article-toolkit-dark) h3 {
  color: #342D28 !important;
}
main .article-hero-macros .breadcrumb,
main .article-hero-macros .article-meta {
  color: #65564B !important;
}
main .article-hero-macros .nutrient-tags span {
  background: #FFFCF7;
  border-color: #DCC7B6;
  color: #342D28;
}
main .article-hero-macros .nutrient-tags b {
  background: #E4EBCD;
  color: #49372B;
}

/* Body copy and text links also need a dark color when their original band is lightened. */
main > section.text-white p:not(.eyebrow),
main > section.text-white a:not(.btn) { color: #59493F !important; }
main > section.text-white .macro-card p { color: #59493F !important; }
/* Small text meets accessible contrast on the cream and sand surfaces. */
main .eyebrow,
main .hero-kicker { color: #93452D !important; }
main .micro-label { color: #526847 !important; }
main .article-toolkit-dark .micro-label { color: #D4DAB6 !important; }
