/*
Theme Name: Commodities Supplier
Theme URI: https://commodities-supplier.com/
Author: CS Global Procurement
Description: Premium white editorial commodities procurement theme with hierarchical product landing pages, Yoast support and private catalogue updates.
Version: 1.9.2
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: commodities-supplier
*/
:root{--green:#174d3a;--green-dark:#10392b;--green-soft:#eaf1ed;--ink:#17201c;--muted:#68736e;--stone:#f4f5f2;--warm:#f8f7f3;--white:#fff;--line:#dfe4e0;--brass:#b79a61;--max:1400px;--content:1180px;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--green);transition:color .2s ease,border-color .2s ease,background .2s ease}a:hover{color:var(--green-dark)}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 80px));margin:auto}.topbar{background:var(--white);border-bottom:1px solid var(--line);color:var(--muted);padding:7px 0;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.topbar-row{display:flex;justify-content:space-between;gap:24px}.topbar strong{color:var(--green);font-weight:700}.site-header{position:sticky;top:0;z-index:50;background:#ffffffef;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:16px 0}.header-row{display:flex;align-items:center;justify-content:space-between;gap:34px}.brand{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none}.brand:hover{color:var(--ink)}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-right:1px solid var(--line);padding-right:14px;font:400 27px/1 var(--serif);letter-spacing:-.08em;color:var(--ink)}.brand-copy{display:flex;flex-direction:column;font-size:13px;font-weight:700;letter-spacing:.13em;line-height:1.1;text-transform:uppercase}.brand-copy small{margin-top:5px;color:var(--muted);font-size:8px;letter-spacing:.2em}.site-header nav ul{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}.site-header nav a{color:var(--ink);font-size:12px;font-weight:550;text-decoration:none}.site-header nav a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;background:var(--green);border:1px solid var(--green);border-radius:0;color:#fff;font-size:11px;font-weight:750;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.btn:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff}.btn.ghost{background:#fff;color:var(--green);border-color:var(--green)}.btn.ghost:hover{background:var(--green);color:#fff}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.hero{position:relative;overflow:hidden;min-height:650px;display:flex;align-items:center;background:#fff}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 32%,#fffffff2 42%,#ffffff12 67%),url('assets/images/cs-global-procurement-hero.webp') center right/cover no-repeat}.hero:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff66}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:end;padding:95px 0 75px}.hero-grid>div:first-child{align-self:center;max-width:690px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--green);font-size:9px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.eyebrow:before{content:'';width:36px;height:1px;background:var(--brass)}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{max-width:800px;margin:20px 0 24px;font-size:clamp(50px,6.2vw,82px);line-height:.98;letter-spacing:-.05em}h2{margin:0 0 22px;font-size:clamp(34px,4.2vw,54px);line-height:1.06;letter-spacing:-.035em}h3{font-size:24px;line-height:1.25}.hero-lead{max-width:620px;color:#4e5b55;font-size:18px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.procurement-panel{align-self:end;justify-self:end;width:min(410px,100%);padding:28px 30px;background:#ffffffed;border-top:3px solid var(--green);box-shadow:0 18px 55px #18251f1a}.panel-number{font:400 34px/1 var(--serif);color:var(--green)}.procurement-panel h3{margin:12px 0 8px;font-size:25px}.procurement-panel p{margin:0 0 18px;color:var(--muted);font-size:13px}.spec-list{list-style:none;margin:0;padding:0}.spec-list li{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.spec-list strong{color:var(--ink)}.trust-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-row{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:25px 28px;border-right:1px solid var(--line)}.trust-item:first-child{border-left:1px solid var(--line)}.trust-item strong{display:block;font:400 17px/1.3 var(--serif)}.trust-item span{color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.section{padding:100px 0}.section.ivory{background:var(--warm)}.section.dark{background:#f3f5f2;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:end;margin-bottom:48px}.section-intro,.dark .section-intro{max-width:570px;color:var(--muted);font-size:15px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;min-height:230px;padding:32px;background:#fff;border:1px solid var(--line);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:after{content:'→';position:absolute;right:26px;bottom:20px;color:var(--green);font-size:18px}.card:hover{transform:translateY(-3px);border-color:#bcc9c1;box-shadow:0 16px 42px #1222190e}.card h3{margin:17px 0 10px;font-size:25px}.card h3,.card h3 a,.dark .card h3,.dark .card h3 a{color:var(--ink);text-decoration:none}.card p,.dark .card p{color:var(--muted);font-size:13px}.card-index{color:var(--green);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cdd5d0}.process{padding:30px 32px 0 0}.process-num{margin-bottom:18px;color:var(--green);font:400 29px/1 var(--serif)}.process h3{margin:0 0 10px;color:var(--ink);font-size:20px}.process p{color:var(--muted);font-size:13px}.cta-band{position:relative;overflow:hidden;background:var(--green);color:#fff;padding:66px 0}.cta-band:after{content:'';position:absolute;right:8%;top:-80px;width:260px;height:260px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 50px #ffffff09}.cta-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:45px}.cta-row h2{max-width:700px;margin:0;color:#fff;font-size:42px}.breadcrumbs{margin:22px 0;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.breadcrumbs a{text-decoration:none}.product-hero{position:relative;overflow:hidden;padding:85px 0;background:#f5f6f3;border-bottom:1px solid var(--line);color:var(--ink)}.product-hero:after{content:'';position:absolute;right:-80px;top:-180px;width:450px;height:450px;border:1px solid #174d3a1c;border-radius:50%;box-shadow:0 0 0 55px #174d3a08,0 0 0 110px #174d3a05}.product-hero .wrap{position:relative;z-index:2}.product-hero h1{max-width:900px;font-size:clamp(45px,5.8vw,72px)}.product-hero p{max-width:720px;color:var(--muted);font-size:17px}.product-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:75px}.content{font-size:16px}.content h2{margin-top:52px;font-size:38px}.content h3{margin-top:34px}.content ul{padding-left:20px}.content li{margin-bottom:8px}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fact{padding:21px;background:var(--warm);border-left:2px solid var(--green);font-size:13px}.child-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.child-nav a{padding:18px;background:#fff;border:1px solid var(--line);text-decoration:none}.child-nav a:hover{border-color:var(--green)}.meta{color:var(--muted);font-size:11px}.faq details{padding:19px 0;border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700}.quote-box{position:sticky;top:112px;padding:32px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--green);box-shadow:0 18px 50px #12221910;color:var(--ink)}.quote-box h2{font-size:34px}.quote-box p{color:var(--muted)}.field,.quote-box input,.quote-box textarea,.quote-box select{width:100%;margin-bottom:10px;padding:13px;background:#fff;border:1px solid #cfd6d1;border-radius:0;color:var(--ink)}.site-footer{padding:70px 0 28px;background:#f5f6f3;border-top:1px solid var(--line);color:var(--muted)}.site-footer a{color:var(--ink);text-decoration:none}.site-footer h3{color:var(--green);font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px}.footer-brand{max-width:460px}.footer-brand p{font-size:13px}.notice{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);color:#7b8580;font-size:10px}.site-footer .brand-mark{color:var(--ink);border-color:#cfd6d1}@media(max-width:980px){.wrap{width:min(100% - 40px,var(--max))}.site-header nav{display:none}.header-row>.btn{display:none}.hero{min-height:auto}.hero:before{background:linear-gradient(90deg,#fff 0%,#fffffff2 50%,#ffffff45),url('assets/images/cs-global-procurement-hero.webp') center right/cover no-repeat}.hero-grid,.section-head,.product-layout{grid-template-columns:1fr}.hero-grid{gap:42px;padding:75px 0}.procurement-panel{justify-self:start}.grid{grid-template-columns:repeat(2,1fr)}.trust-row,.process-grid{grid-template-columns:repeat(2,1fr)}.quote-box{position:static}.section{padding:78px 0}.cta-row{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.wrap{width:min(100% - 28px,var(--max))}.topbar-row span:last-child{display:none}.brand-copy{font-size:10px}.hero:before{background:linear-gradient(#fffffff4,#fffffff4),url('assets/images/cs-global-procurement-hero.webp') center/cover no-repeat}.hero-grid{padding:60px 0}.grid,.trust-row,.process-grid,.footer-grid,.facts,.child-nav{grid-template-columns:1fr}h1{font-size:46px}.hero-actions .btn{width:100%}.trust-item{border-left:1px solid var(--line)}.section{padding:62px 0}.section-head{gap:14px;margin-bottom:34px}.cta-row h2{font-size:34px}.product-hero{padding:62px 0}.content h2{font-size:32px}.procurement-panel{padding:24px}}