/*
Theme Name: Fresh Supply B2B
Theme URI: https://example.com/
Author: Your Company
Description: A lightweight, Elementor-friendly B2B theme for fresh produce suppliers.
Version: 1.0.0
Text Domain: fresh-supply-b2b
*/

:root{--green:#176b3a;--leaf:#4caf50;--orange:#f59e0b;--ink:#1f2937;--muted:#607064;--mist:#f5f9f4;--white:#fff;--radius:18px;--shadow:0 12px 30px rgba(22,72,40,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.screen-reader-text:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;padding:8px 14px;clip:auto;background:#fff;z-index:99}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.site-main{min-height:40vh}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid #e6eee7}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--green);font-size:1.12rem;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:white;background:var(--green);font-size:22px}.custom-logo-link img{max-height:48px;width:auto}.primary-nav ul{list-style:none;display:flex;align-items:center;gap:25px;padding:0;margin:0}.primary-nav a{font-size:.89rem;font-weight:650;color:var(--ink)}.primary-nav .menu-item:last-child a,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:12px 19px;background:var(--green);color:white;font-weight:750;line-height:1.2;text-decoration:none;cursor:pointer}.primary-nav .menu-item:last-child a:hover,.button:hover{background:#10552e;text-decoration:none}.button-outline{background:transparent;color:var(--green);border:1px solid #b5cdbb}.button-outline:hover{background:#eff8f0}.menu-toggle{display:none;background:none;border:0;color:var(--green);font-weight:800;font-size:1rem}.hero{position:relative;isolation:isolate;min-height:570px;color:#fff;background:#163f28;display:grid;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,48,27,.91) 0%,rgba(15,76,38,.7) 52%,rgba(17,65,32,.22)),var(--hero-image,linear-gradient(135deg,#245b34,#7aa049));background-position:center;background-size:cover}.hero-content{max-width:700px;padding:84px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;margin:0 0 14px;color:#e2f2d8;font-size:.82rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.eyebrow:before{content:"";height:8px;width:8px;border-radius:50%;background:var(--orange)}h1,h2,h3{font-family:Manrope,Inter,Arial,sans-serif;line-height:1.16;letter-spacing:-.045em;margin:0 0 16px}h1{font-size:clamp(2.55rem,5.5vw,5rem);max-width:760px}h2{font-size:clamp(1.9rem,3.2vw,3rem)}h3{font-size:1.14rem}.hero p{font-size:1.11rem;max-width:610px;color:#edf5ed;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero .button-outline{color:#fff;border-color:rgba(255,255,255,.65)}.trust-line{margin-top:34px;font-size:.84rem;font-weight:700;color:#d2e6d4}.section{padding:92px 0}.section-soft{background:var(--mist)}.section-header{max-width:650px;margin-bottom:36px}.section-header p,.copy p{color:var(--muted);margin:0}.kicker{color:var(--green);font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px}.grid{display:grid;gap:20px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid #e4eee5;border-radius:var(--radius);padding:25px;box-shadow:0 2px 5px rgba(0,0,0,.02)}.icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:13px;background:#e6f3e7;color:var(--green);font-size:22px}.card h3{margin-bottom:8px}.card p{margin:0;color:var(--muted);font-size:.94rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.image-panel{min-height:410px;border-radius:var(--radius);background:linear-gradient(135deg,#c9dfae,#598951);background-image:var(--image,linear-gradient(135deg,#dceaca,#447e42));background-position:center;background-size:cover}.check-list{padding:0;margin:24px 0;list-style:none}.check-list li{padding:7px 0;color:var(--muted)}.check-list li:before{content:"✓";font-weight:900;color:var(--leaf);margin-right:10px}.category-card{overflow:hidden;padding:0}.category-image{height:195px;background:var(--image,linear-gradient(135deg,#badb8b,#f4a32d));background-size:cover;background-position:center}.category-content{padding:22px}.category-content p{margin-bottom:18px}.text-link{font-weight:800;font-size:.9rem}.text-link:after{content:" →"}.business-card{min-height:210px;background:#fff;border-left:4px solid var(--leaf);padding:27px;border-radius:0 var(--radius) var(--radius) 0}.business-card p{color:var(--muted);margin:0}.cta{color:#fff;background:linear-gradient(115deg,#10552f,#277f43);padding:65px;border-radius:25px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{max-width:650px;margin-bottom:10px}.cta p{margin:0;color:#d8ecd9}.page-hero{background:var(--mist);padding:82px 0 70px;border-bottom:1px solid #e2ece4}.page-hero h1{font-size:clamp(2.4rem,5vw,4rem);color:var(--green)}.page-hero p{max-width:650px;color:var(--muted);font-size:1.05rem}.product-card{padding:0;overflow:hidden}.product-card .category-content{padding:23px}.meta-list{padding:0;margin:18px 0;list-style:none;border-top:1px solid #e5ece5}.meta-list li{border-bottom:1px solid #e5ece5;padding:8px 0;color:var(--muted);font-size:.84rem}.meta-list strong{color:var(--ink)}.timeline{counter-reset:steps;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:36px}.timeline-item{position:relative;padding:58px 14px 0;counter-increment:steps}.timeline-item:before{content:counter(steps,decimal-leading-zero);position:absolute;top:0;left:12px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-weight:800;font-size:.78rem}.timeline-item:after{content:"";position:absolute;left:53px;right:0;top:19px;height:2px;background:#b9d6bc}.timeline-item:last-child:after{display:none}.timeline-item h3{font-size:.95rem}.timeline-item p{color:var(--muted);font-size:.84rem;margin:0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px}.contact-details{padding:0;list-style:none;margin:24px 0}.contact-details li{padding:13px 0;border-bottom:1px solid #e5ece5;color:var(--muted)}.contact-details strong{display:block;color:var(--ink);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:grid;gap:6px}.form-field.full{grid-column:1/-1}label{font-size:.86rem;font-weight:750}input,textarea,select{width:100%;font:inherit;border:1px solid #cbdaca;border-radius:8px;padding:12px;background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:120px}input:focus,textarea:focus,select:focus{outline:3px solid rgba(76,175,80,.22);border-color:var(--leaf)}.form-submit{margin-top:17px}.site-footer{color:#d7e5d8;background:#123c26;padding:70px 0 20px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:40px}.site-footer h3{font-size:1rem;color:#fff;letter-spacing:0;margin-bottom:13px}.site-footer p,.site-footer li,.site-footer a{color:#bdd2bf;font-size:.9rem}.site-footer ul{padding:0;margin:0;list-style:none}.site-footer li{margin:7px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:18px;margin-top:48px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.footer-bottom p{margin:0}.entry-content{padding:68px 0}.entry-content>*,.wp-block-group__inner-container>*{width:min(860px,calc(100% - 40px));margin-left:auto;margin-right:auto}.entry-content h2{margin-top:42px}.entry-content p{color:var(--muted)}
@media(max-width:850px){.primary-nav{display:none}.menu-toggle{display:block}.site-header.menu-open .primary-nav{display:block;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid #dfe9e0;padding:15px 20px}.site-header.menu-open .primary-nav ul{display:grid;gap:0}.site-header.menu-open .primary-nav a{display:block;padding:12px 0}.site-header.menu-open .primary-nav .menu-item:last-child a{color:var(--green);background:none;padding:12px 0}.four{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr;gap:34px}.image-panel{min-height:300px}.timeline{grid-template-columns:repeat(3,1fr);gap:25px}.timeline-item:after{display:none}.cta{padding:42px;display:block}.cta .button{margin-top:22px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:min(100% - 30px,1160px)}.header-inner{min-height:67px}.hero{min-height:535px}.hero-content{padding:62px 0}.section{padding:64px 0}.four,.three,.two,.footer-grid,.form-grid{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(2,1fr)}.page-hero{padding:60px 0}.cta{padding:30px}.category-image{height:180px}}
.hero:before{background-image:linear-gradient(90deg,rgba(10,48,27,.91) 0%,rgba(15,76,38,.7) 52%,rgba(17,65,32,.22)),var(--image,linear-gradient(135deg,#245b34,#7aa049))}
