/*
Theme Name: Zelona
Description: Orange and cream brand website for Zelona Consumer Care.
Version: 0.1.7
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: zelona
*/
:root{--cream:#fff8ee;--ink:#30251f;--orange:#c44819;--peach:#f4cfb3;--line:#dfd1c3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.7 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.shell{max-width:1240px;margin:auto;padding:0 6%}.topline{background:var(--ink);color:var(--cream);text-align:center;padding:8px 16px;font-size:11px;letter-spacing:2px;text-transform:uppercase}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.brand{display:block;width:140px}.brand img{display:block;width:100%;height:auto}.navlinks{display:flex;gap:30px;font-size:13px}.navlinks a{text-decoration:none}.navlinks a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:7%;padding:84px 0 92px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--orange);margin:0 0 24px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-2px}h1{font-size:clamp(54px,6.5vw,88px);margin:0 0 28px}h1 em{color:var(--orange);font-weight:400}h2{font-size:clamp(38px,4.5vw,58px);margin:0 0 25px}h3{font-size:32px;letter-spacing:-1px;margin:0 0 18px}.intro{max-width:430px;color:#66564b;font-size:16px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}.button{display:inline-block;background:var(--ink);color:var(--cream);padding:14px 24px;border-radius:3px;text-decoration:none;font-size:13px}.button:hover{background:var(--orange)}.textlink{font-size:13px}.art{position:relative;min-height:460px;background:#efd2bc;overflow:hidden;border-radius:220px 220px 8px 8px;display:flex;align-items:center;justify-content:center;padding:36px}.art:before{content:'';position:absolute;width:310px;height:310px;border-radius:50%;background:#e78950;top:38px;right:-52px}.art:after{content:'';position:absolute;width:490px;height:230px;border-radius:50%;background:#fff0df;bottom:-100px;left:-110px;transform:rotate(-20deg)}.art-inner{position:relative;z-index:1;text-align:center}.art-logo{width:100%;max-width:360px;filter:drop-shadow(0 1px 0 #b75a2c)}.art-caption{font:italic 28px Georgia,serif;margin-top:14px}.art-label{position:absolute;z-index:2;bottom:22px;right:25px;font-size:9px;letter-spacing:2px;text-transform:uppercase}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:11px;letter-spacing:2px;text-transform:uppercase}.section{padding:94px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.copy{color:#66564b;font-size:16px}.copy p:first-child{margin-top:0}.product{background:#f4e7d7;margin-top:38px;display:grid;grid-template-columns:1fr 1fr;min-height:330px}.product-art{background:#e9be9e;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}.product-art .initial{font:italic 125px/1 Georgia,serif;color:#a73b14}.product-art span:last-child{font-size:10px;letter-spacing:3px;text-transform:uppercase}.product-copy{padding:50px;align-self:center}.pill{display:inline-block;border:1px solid #b4a08c;padding:4px 12px;border-radius:30px;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}.product-copy p{font-size:15px;color:#66564b}.note{font-size:12px;color:#66564b}.story{background:var(--ink);color:var(--cream)}.story .eyebrow{color:#f6af7e}.story .copy{color:#e0d0c0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}.principle{border-top:1px solid #766252;padding-top:20px}.principle span{font-size:11px;color:#f6af7e}.principle h3{font-size:25px;letter-spacing:-.5px;margin-top:18px}.principle p{font-size:14px;color:#e0d0c0}.faq{max-width:800px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:16px;cursor:pointer}.faq details p{font-size:15px;color:#66564b;padding-right:25px}.closing{border-top:1px solid var(--line);padding:65px 0}.closing p{max-width:550px;color:#66564b}.footer{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#66564b}.footer a{margin-left:18px}.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}@media(max-width:760px){.shell{padding:0 6%}.nav{gap:14px;flex-wrap:wrap}.brand{width:115px}.navlinks{gap:18px;font-size:12px}.hero{grid-template-columns:1fr;padding:48px 0;gap:38px}h1{font-size:58px}.art{min-height:330px;border-radius:170px 170px 6px 6px}.art-logo{max-width:280px}.strip{font-size:9px;letter-spacing:1px;flex-wrap:wrap}.section{padding:60px 0}.split,.product{grid-template-columns:1fr}.split{gap:22px}.product-art{min-height:235px}.product-copy{padding:30px}.principles{grid-template-columns:1fr;gap:22px}.footer{flex-direction:column}.footer a{margin:0 18px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.navlinks{flex-wrap:wrap}


/* Contrast panels preserve the supplied orange-and-cream logo. */
.brand{width:158px;padding:8px 14px;background:#211813;border:1px solid #6b4934;border-radius:8px;box-shadow:0 3px 10px #30251f16}.art-inner{width:100%;padding:30px 20px;background:#211813;border:1px solid #755039;border-radius:16px;box-shadow:0 14px 35px #67371e26}.art-logo{filter:none}.art-caption{color:#fff0df;font-size:25px;margin-top:12px}.art-label{color:#402a1c}@media(max-width:760px){.brand{width:140px;padding:7px 12px}.art-inner{padding:25px 14px}.art-caption{font-size:23px}}

/* Soft organic silhouettes echo the flowing wordmark. */
.brand{border:0;border-radius:48% 52% 45% 55% / 38% 45% 55% 62%;padding:11px 18px;background:radial-gradient(ellipse at 42% 35%,#493125 0%,#302119 58%,#241a15 100%);box-shadow:0 5px 14px #75452c19}.art-inner{border:0;border-radius:38% 62% 43% 57% / 57% 39% 61% 43%;padding:54px 24px;background:radial-gradient(ellipse at 35% 25%,#4b3023 0%,#302119 55%,#241a15 100%);box-shadow:0 18px 36px #6e3d2522}.art-caption{font-size:24px}@media(max-width:760px){.brand{padding:10px 15px}.art-inner{padding:40px 20px}.art-caption{font-size:20px}}

/* Zelona orange becomes a recurring brand surface. */
body{background:#fff2e3;background-image:radial-gradient(ellipse at 100% 0%,#f7b78355,transparent 45%)}.topline{background:#ed762f;color:#26160c}.hero{position:relative}.art{background:#ef762f}.art:before{background:#ffb47b;opacity:.85}.art:after{background:#ffd7b4}.strip{background:#ef762f;color:#28180e;border-color:#da6021;padding:22px 25px;border-radius:45px 8px 45px 8px}.product{background:#ffe1c6;border:1px solid #f2b485}.product-art{background:linear-gradient(145deg,#ef762f,#f7a263)}.product-art .initial{color:#472718}.story{background:#ef762f;color:#2d190e}.story .eyebrow,.principle span{color:#512713}.story .copy,.principle p{color:#3d2415}.principle{border-color:#ad471d}.closing{background:linear-gradient(120deg,#ffe0c4,#ffc28f);border:1px solid #efad78;border-radius:80px 18px 80px 18px;margin-bottom:55px;padding:55px 6%}.button{background:#bf4315;color:#fff8ee}.button:hover{background:#8e3010}.footer{border-top:3px solid #ef762f}.faq details{border-color:#e8b58f}.faq summary::marker{color:#bf4315}@media(max-width:760px){.strip{padding:20px;border-radius:28px 6px 28px 6px;gap:15px}.closing{padding:38px 7%;border-radius:45px 12px 45px 12px;margin-bottom:35px}}

.product-photo{margin:0;padding:0;position:relative;overflow:hidden;min-height:520px}.product-photo img{display:block;width:100%;height:560px;object-fit:contain;background:#ffdeb9}.product-photo figcaption{width:100%;padding:10px 16px;background:#f7cfaa;color:#493023;text-align:center;font-size:11px;letter-spacing:.5px}@media(max-width:760px){.product-photo{min-height:0}.product-photo img{height:440px}}