/*
Theme Name: AgriWelora
Author: AgriWelora
Description: Bespoke responsive edible oil catalog, quotation workflow and search optimization for AgriWelora Tanzania.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: agriwelora
*/
:root{--green:#173f32;--deep:#103126;--gold:#be9139;--ivory:#f8f6ef;--ink:#243a30;--muted:#657268;--line:#dce2d7;--white:#fff;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}img,video{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:0 0 22px}h1{font-size:clamp(40px,5.6vw,78px)}h2{font-size:clamp(32px,3.3vw,48px)}h3{font-size:27px}p{margin:0 0 20px}.wrap{width:min(1240px,90%);margin:auto}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.topbar{background:var(--deep);color:#e8ecdf;font-size:12px;padding:9px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:16px}.topbar a{margin-left:22px}.site-header{background:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line)}.admin-bar .site-header{top:32px}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand img{width:226px;height:auto}.nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.nav a[aria-current=page]{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--green);color:#fff!important;padding:14px 24px;border:1px solid var(--green);border-radius:3px;font-weight:600;font-size:14px;line-height:1.4;transition:background .2s,transform .2s}.btn:hover{background:#285742;transform:translateY(-2px)}.btn.gold{background:#e3b650;border-color:#e3b650;color:#182f24!important}.btn.outline{background:transparent;color:var(--green)!important}.btn.light{background:transparent;border-color:#ffffff80;color:#fff!important}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:10px;color:var(--green)}.hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:var(--green);color:#fff}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 55%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,36,23,.88),rgba(9,36,23,.38) 56%,rgba(9,36,23,.06))}.hero-copy{position:relative;z-index:1;padding:90px 0;max-width:660px}.hero .eyebrow{color:#efc866}.hero h1 em{color:#f0cb73;font-style:normal}.hero p{max-width:510px;color:#f0f2e8;font-size:18px}.hero-note{position:absolute;bottom:24px;right:5%;z-index:2;font-size:11px;letter-spacing:.12em;color:#f3eee0}.trust-strip{background:#eeeee3;border-bottom:1px solid var(--line)}.trust-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.trust-strip span{padding:23px 18px;border-right:1px solid #d9dfd0;text-align:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.section{padding:90px 0}.section.white{background:#fff}.section.green{background:var(--green);color:#fff}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:40px}.section-head h2{max-width:640px;margin-bottom:0}.section-head p{max-width:370px;color:var(--muted);margin:0}.grid{display:grid;gap:24px}.cols3{grid-template-columns:repeat(3,1fr)}.cols4{grid-template-columns:repeat(4,1fr)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 14px 35px #173f3210;transform:translateY(-3px)}.card-media{aspect-ratio:1.18;background:#eee9db;overflow:hidden;position:relative}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover .card-media img{transform:scale(1.025)}.card-body{padding:27px}.card-body h3{font-size:27px;margin-bottom:13px}.card-body p{color:var(--muted);font-size:14px}.card-link{display:flex;justify-content:space-between;font-size:13px;font-weight:700;padding-top:15px;border-top:1px solid var(--line)}.pill{display:inline-block;border:1px solid #d6dece;border-radius:30px;font-size:11px;letter-spacing:.05em;padding:5px 12px;background:#fff;color:var(--green)}.card-media .pill{position:absolute;top:18px;left:18px}.text-link{border-bottom:1px solid var(--gold);padding-bottom:4px;font-weight:600;font-size:14px}.photo{border-radius:var(--radius);overflow:hidden}.photo img{width:100%;object-fit:cover}.intro-copy p{color:var(--muted)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:30px}.mini-grid strong{display:block;font-family:Georgia,serif;font-size:24px;font-weight:400;margin-bottom:6px}.mini-grid p{font-size:13px}.step{border-top:1px solid var(--line);padding-top:26px}.step .number{color:var(--gold);font:italic 32px Georgia,serif;margin-bottom:35px}.step h3{font-size:25px}.step p{font-size:14px;color:var(--muted)}.video-wrap{background:#102d23;border-radius:8px;overflow:hidden;position:relative}.video-wrap video{width:100%;aspect-ratio:16/9;object-fit:cover}.caption{font-size:12px;color:var(--muted);margin-top:12px}.green .caption{color:#c8d5ca}.cta{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{max-width:650px;margin:0}.breadcrumb{padding:25px 0;font-size:12px;color:var(--muted)}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.page-hero{padding:45px 0 60px;border-bottom:1px solid var(--line);background:#f0f1e6}.page-hero p{max-width:720px;color:var(--muted);font-size:18px}.page-hero h1{font-size:clamp(38px,4.5vw,62px);max-width:900px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter{border:1px solid var(--line);padding:10px 17px;background:#fff;color:var(--green);border-radius:30px;font-size:13px}.filter.active,.filter:hover{background:var(--green);color:#fff;border-color:var(--green)}.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.catalog-tools input{width:min(400px,100%);background:#fff}.results{font-size:13px;color:var(--muted)}[hidden]{display:none!important}.catalog .card-body h3{font-size:23px}.catalog .card-body{padding:22px}.catalog .card-media{aspect-ratio:1.22}.product{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.product h1{font-size:48px}.product .lead{font-size:18px;color:var(--muted)}.specs{border-top:1px solid var(--line);margin:30px 0}.spec{display:grid;grid-template-columns:1fr 1.6fr;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.spec dt{color:var(--muted)}.spec dd{margin:0}.product-copy{max-width:850px}.product-copy h2{font-size:35px;margin-top:40px}.product-copy li{margin-bottom:12px}.prose{max-width:850px;font-size:17px}.prose h2{font-size:33px;margin-top:45px}.prose h3{font-size:26px;margin-top:30px}.prose a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.prose li{margin-bottom:12px}.quote-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:70px;align-items:start}.quote-box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:38px}.quote-box h2{font-size:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #cdd6ca;border-radius:3px;background:#fcfcf8;padding:12px;color:var(--ink);font-size:15px}textarea{min-height:130px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--gold);outline-offset:2px}input[type=checkbox]{width:auto;margin-right:9px}.consent{font-weight:400;line-height:1.6;font-size:12px}.consent a{text-decoration:underline}.honeypot{position:absolute;left:-9999px}.contact-card{padding:20px 0;border-bottom:1px solid var(--line)}.contact-card small{display:block;font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:6px}.contact-card a{overflow-wrap:anywhere}.notice{border:1px solid #becfba;background:#edf4e8;padding:22px;border-radius:6px;margin-bottom:25px}.notice.error{background:#fff4e8;border-color:#d9bb8d}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;font-size:18px;font-weight:600}.faq details p{color:var(--muted);margin-top:14px;max-width:850px}.pack-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.pack-table th,.pack-table td{padding:16px;text-align:left;border-bottom:1px solid var(--line)}.pack-table th{background:#edf0e5}.table-scroll{overflow-x:auto}.site-footer{background:#0e2e23;color:#d1dbcf;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:45px}.footer-brand{font:38px Georgia,serif;color:#fff}.footer-grid h3{font:600 12px/1.5 -apple-system,sans-serif;letter-spacing:.12em;color:#e9bf62;text-transform:uppercase;margin-bottom:20px}.footer-grid p,.footer-grid a{font-size:13px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin:10px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;margin-top:45px;padding-top:23px;font-size:11px;color:#b3c1b3}.floating-contact{position:fixed;right:22px;bottom:20px;z-index:30;box-shadow:0 5px 20px #0002;background:#fff;border:1px solid var(--line);border-radius:30px;padding:10px 18px;font-size:12px;font-weight:700;color:var(--green)}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;z-index:999;padding:12px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.empty{text-align:center;padding:50px;background:#fff}.photo-note{font-size:11px;color:var(--muted);margin:10px 0}.related{margin-top:55px}.tagline{font-size:12px;color:var(--gold)}.pack-options{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.pack-options a{padding:8px 13px;border:1px solid var(--line);font-size:13px;background:#fff}.pack-options a:hover{border-color:var(--gold)}
@media(max-width:1050px){.nav{gap:17px;font-size:13px}.brand img{width:190px}.cols4{grid-template-columns:repeat(3,1fr)}.split,.product,.quote-layout{gap:35px}.hero{min-height:590px}.footer-grid{gap:25px}}
@media(max-width:800px){.wrap{width:90%}.topbar .wrap>span{display:none}.topbar .wrap{justify-content:center}.topbar a{margin:0 8px}.header-inner{min-height:76px}.brand img{width:190px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:25px 5%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:17px}.nav.open{display:flex}.hero{min-height:620px}.hero-copy{padding:70px 0}.hero:after{background:linear-gradient(90deg,#092417df,#09241765)}.hero p{font-size:16px}.hero-note{display:none}.section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:22px}.cols3,.cols4{grid-template-columns:repeat(2,1fr)}.split,.product,.quote-layout{grid-template-columns:1fr;gap:35px}.trust-strip .wrap{grid-template-columns:1fr 1fr}.trust-strip span{padding:15px 8px;font-size:10px}.footer-grid{grid-template-columns:1fr 1fr}.cta{display:block}.cta .btn{margin-top:25px}.product h1{font-size:40px}.product .photo{max-width:600px}.admin-bar .site-header{top:46px}.quote-box{padding:25px}.catalog-tools{align-items:flex-start;flex-direction:column}.hero h1{font-size:52px}.page-hero{padding:30px 0 45px}}
@media(max-width:520px){.cols3,.cols4{grid-template-columns:1fr}.hero h1{font-size:45px}.hero{min-height:590px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}.mini-grid{gap:15px}.card-media{aspect-ratio:1.4}.quote-box{padding:22px}.actions .btn{padding:14px 18px}.brand img{width:180px}.topbar{font-size:10px}.floating-contact{right:12px;bottom:12px}.spec{grid-template-columns:1fr 1.2fr}.pack-table th,.pack-table td{padding:12px}.admin-bar .site-header{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Full-width layout across phones, tablets and laptops. */
.wrap{width:100%;max-width:none;padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)}
.prose,.product-copy{max-width:none}
.grid>*,.split>*,.product>*,.quote-layout>*,.form-grid>*,.footer-grid>*{min-width:0}
.product .photo{max-width:none}
.hero-copy{max-width:760px}
@media(max-width:800px){.wrap{width:100%}.nav{padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)}}
@media(max-width:520px){.quote-box{padding:18px}.hero h1{font-size:clamp(36px,10vw,45px)}.product h1{font-size:clamp(32px,9vw,40px)}}

.oil-menu>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;padding:12px 0}.oil-menu>summary::-webkit-details-marker{display:none}.oil-menu>summary:after{content:"⌄";font-size:17px}.oil-menu[open]>summary{color:var(--gold)}.oil-panel{position:absolute;top:100%;left:3%;right:3%;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);box-shadow:0 18px 35px #10312626;padding:24px;max-height:70vh;overflow-y:auto;overscroll-behavior:contain;z-index:45}.oil-panel-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.oil-panel-top span{color:var(--muted);font-size:12px}.oil-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.oil-group-title{display:block;color:var(--green);font-weight:700;font-size:15px;margin-bottom:8px}.oil-group ul{list-style:none;margin:0;padding:0}.oil-group li a{display:block;padding:6px 0;font-size:13px;font-weight:400;line-height:1.4}.oil-group a:hover,.oil-group a:focus-visible{color:var(--green);text-decoration:underline;background:var(--ivory)}@media(max-width:800px){.nav.open{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}.oil-menu>summary{padding:0;justify-content:space-between}.oil-panel{position:static;margin-top:14px;max-height:none;padding:16px;box-shadow:none}.oil-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.oil-panel-top{display:block}.oil-panel-top span{display:block;margin-top:6px}.oil-group li a{padding:10px 0}}@media(max-width:520px){.oil-groups{grid-template-columns:1fr}}

.catalog .card-media img{object-fit:contain}.catalog .card-media{background:#f8f6ef}
