/*
Theme Name: Afrucent Trade
Theme URI: https://afrucent.com
Author: Afrucent
Description: Editable commodity brokerage and funding referral website. Pair with Afrucent Trade Desk.
Version: 1.4.0
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: afrucent
*/
:root{--ink:#111827;--slate:#374151;--orange:#c2410c;--paper:#f5f5f3;--line:#d1d5db;--muted:#6b7280}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(2.5rem,5.4vw,5rem);font-weight:650}h2{font-size:clamp(1.9rem,3vw,2.9rem);font-weight:650}h3{font-size:1.55rem}p{max-width:68ch}.eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:.2em;font-weight:750;color:var(--orange);margin-bottom:20px}.muted{color:var(--muted)}.site-header{background:#fff;border-bottom:1px solid #e5e7eb}.header-inner{max-width:1320px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:block;width:170px;flex-shrink:0}.brand img{display:block;width:100%}#primary-nav{display:flex;align-items:center;gap:27px;font-size:.85rem;font-weight:600}#primary-nav>a:not(.button),#primary-nav li a{text-decoration:none}#primary-nav [aria-current]{color:var(--orange)}#primary-nav ul{display:flex;gap:27px;list-style:none;margin:0;padding:0}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--orange);color:white;border:1px solid var(--orange);padding:15px 25px;text-decoration:none;font-size:.9rem;font-weight:650;border-radius:3px;cursor:pointer;line-height:1.5}.button:hover{background:#9a3412;border-color:#9a3412}.button.secondary{background:transparent;color:var(--ink);border-color:#9ca3af}.button.secondary:hover{background:#e5e7eb}.button.small{padding:12px 17px;font-size:.8rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 19px}.section{max-width:1280px;margin:auto;padding:80px 40px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding-top:80px;padding-bottom:70px}.hero p.lead,.intro .lead{font-size:1.12rem;color:var(--slate);max-width:55ch}.hero h1{margin-bottom:26px}.micro{font-size:.78rem;color:var(--muted);line-height:1.6}.hero-art{background:var(--ink);min-height:510px;position:relative;overflow:hidden;border-radius:4px;padding:35px;color:white;display:flex;flex-direction:column;justify-content:space-between}.hero-art:before{content:'';width:350px;height:350px;border-radius:50%;background:var(--orange);position:absolute;right:-110px;top:60px}.hero-art:after{content:'';position:absolute;width:140%;height:260px;left:-10%;bottom:-80px;transform:rotate(-18deg);background:repeating-linear-gradient(0deg,#374151 0,#374151 1px,transparent 1px,transparent 25px)}.art-label{position:relative;z-index:1;display:flex;justify-content:space-between;text-transform:uppercase;font-size:.65rem;letter-spacing:.2em}.art-mark{width:160px;filter:brightness(0) invert(1);align-self:center;position:relative;z-index:1;margin:45px 0}.art-bottom{position:relative;z-index:1}.art-bottom strong{display:block;font-size:2.4rem;letter-spacing:-.04em;line-height:1.12;margin-bottom:20px}.art-tags{display:flex;gap:10px;font-size:.7rem}.art-tags span{padding:6px 10px;border:1px solid #6b7280;border-radius:2px}.band{background:var(--ink);color:white}.band-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:30px;padding:22px 0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.band-inner span:before{content:'●';color:#fb923c;margin-right:12px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:35px}.section-head h2{max-width:580px;margin-bottom:0}.section-head>p{max-width:400px;color:var(--muted);font-size:.95rem;margin:0}.grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:32px;border:1px solid #e5e7eb;background:#fff;position:relative;display:flex;flex-direction:column}.card p{color:var(--muted);font-size:.95rem}.card .text-link{margin-top:auto}.card-number{font-size:.7rem;color:var(--orange);letter-spacing:.1em;display:block;margin-bottom:36px}.badge{display:inline-block;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);background:#f3f4f6;padding:5px 8px;border-radius:3px;margin-bottom:16px;align-self:flex-start}.text-link{color:var(--orange);font-weight:650;font-size:.9rem;text-decoration:none}.text-link:hover{text-decoration:underline}.soft{background:var(--paper)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.step{border-top:1px solid var(--line);padding-top:18px}.step span{color:var(--orange);font-size:.8rem;font-weight:700;display:block;margin-bottom:22px}.step h3{font-size:1.2rem;letter-spacing:-.025em}.step p{font-size:.9rem;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.funding-panel{background:var(--ink);padding:40px;color:white;border-radius:4px}.funding-panel .eyebrow{color:#fdba74}.funding-panel h3{font-size:2rem}.funding-panel p{color:#d1d5db}.funding-row{border-top:1px solid #4b5563;padding-top:18px;margin-top:25px}.funding-row strong{font-size:.9rem}.funding-row p{font-size:.85rem;margin-top:7px}.cta{background:var(--orange);color:white}.cta .section{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{max-width:610px;margin-bottom:12px}.cta p{margin:0;color:#ffedd5}.cta .button{background:white;border-color:white;color:var(--orange)}.cta .secondary{background:transparent;color:white}.intro{max-width:1280px;margin:auto;padding:75px 40px 50px}.intro h1{max-width:870px}.intro .lead{max-width:70ch}.service-block{border-top:1px solid var(--line);display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;padding:45px 0}.service-block h2{font-size:2.25rem}.service-block ul{padding-left:20px;color:var(--slate)}.notice{padding:24px 28px;background:#fff7ed;border-left:3px solid var(--orange);font-size:.9rem;margin:24px 0}.notice p:last-child{margin:0}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.resource-card{border:1px solid #e5e7eb;padding:26px}.resource-card img{aspect-ratio:16/10;object-fit:cover;margin-bottom:20px}.resource-card h2{font-size:1.4rem}.resource-card h2 a{text-decoration:none}.resource-card p{font-size:.9rem}.reading{max-width:1200px;padding:70px 40px;margin:auto;min-height:50vh}.narrow{max-width:850px}.reading h1{font-size:clamp(2.2rem,4vw,3.5rem)}.article-body{margin:30px 0}.article-body h2{font-size:2rem}.site-footer{background:var(--ink);color:#d1d5db;padding:65px 40px 25px;font-size:.85rem}.footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:70px}.footer-logo{width:180px;filter:brightness(0) invert(1);margin-bottom:20px}.footer-grid h2{font-size:.8rem;letter-spacing:.03em;color:#fff;margin-bottom:22px}.footer-grid a{display:block;text-decoration:none;margin-bottom:10px}.footer-bottom{max-width:1200px;margin:40px auto 0;border-top:1px solid #374151;padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:.75rem}.footer-bottom a{margin-left:20px}.footer-note{max-width:1200px;font-size:.7rem;color:#9ca3af;margin:12px auto 0}.skip-link{position:absolute;top:-100px;left:15px;background:white;padding:10px;z-index:100}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #2563eb;outline-offset:4px}.alignwide{max-width:1200px}.wp-block-image img{height:auto}.pagination{margin-top:30px}
@media(max-width:1050px){.header-inner{padding:20px 25px}#primary-nav{gap:15px;font-size:.78rem}.brand{width:140px}.hero{gap:30px}.hero-art{min-height:450px}.band-inner{padding:20px 40px}.split{gap:35px}.section,.intro{padding-left:30px;padding-right:30px}}
@media(max-width:800px){.menu-toggle{display:block;background:transparent;border:1px solid var(--line);padding:9px 13px;border-radius:3px;color:var(--ink)}.header-inner{flex-wrap:wrap}#primary-nav{display:none;width:100%;align-items:stretch;gap:15px;padding:10px 0}#primary-nav.open{display:flex;flex-direction:column}#primary-nav ul{flex-direction:column;gap:15px}.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{min-height:360px}.hero h1{font-size:3.2rem}.art-mark{width:110px;margin:20px 0}.art-bottom strong{font-size:2rem}.section{padding:50px 24px}.intro{padding:50px 24px 25px}.grid-three,.resource-grid{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:20px}.steps{grid-template-columns:1fr 1fr}.split,.service-block{grid-template-columns:1fr;gap:22px}.band-inner{flex-wrap:wrap;justify-content:center;gap:12px 24px;padding:20px 24px;font-size:.6rem}.cta .section{display:block}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column}.footer-bottom a{margin-left:0;margin-right:20px}.site-footer{padding:45px 24px 25px}.reading{padding:50px 24px}.hero p.lead{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero>*,.split>*,.grid-three>*,.resource-grid>*,.service-block>*{min-width:0}h1,h2,h3{overflow-wrap:break-word}@media(max-width:800px){.hero h1{font-size:clamp(2.25rem,10vw,3.2rem)}}
/* Version 1.1: component styling matched to the current Afrucent-temp site. */
:root{--af-border:rgba(17,24,39,.10);--af-shadow:0 26px 70px rgba(17,24,39,.08);--paper:#f8fafc}
body{background:linear-gradient(180deg,#fbfbfc 0%,#f5f7fa 100%);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
h1{font-weight:800;letter-spacing:-.055em;line-height:.98}h2{font-weight:700;letter-spacing:-.05em;line-height:1.02}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(17,24,39,.06)}.admin-bar .site-header{top:32px}
.header-inner{width:min(1280px,calc(100% - 48px));padding:18px 0;gap:24px}.brand{width:auto;min-height:44px;display:inline-flex;align-items:center}.brand img{height:42px;width:auto;max-width:230px}#primary-nav{gap:28px;font-size:15px;font-weight:700}#primary-nav>a:not(.button),#primary-nav li a{position:relative;padding-bottom:8px;color:#1f2937}#primary-nav>a:not(.button)::after,#primary-nav li a::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#c2410c;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}#primary-nav>a:hover::after,#primary-nav a[aria-current]::after,#primary-nav li a:hover::after{transform:scaleX(1)}
.button{min-height:58px;padding:0 28px;border-radius:12px;font-size:16px;font-weight:800;gap:10px;box-shadow:0 18px 34px rgba(194,65,12,.2);transition:transform .2s ease,box-shadow .2s ease}.button:hover,.button:focus{transform:translateY(-2px)}.button.secondary{background:#fff;border:1px solid var(--af-border);color:#111827;box-shadow:none}.button.small{min-height:44px;font-size:13px;padding:0 18px}.actions{gap:14px;margin-top:30px}
.hero.section{width:min(1280px,calc(100% - 48px));margin:34px auto 28px;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.96fr);gap:0;align-items:stretch;overflow:hidden;background:rgba(255,255,255,.78);border:1px solid rgba(17,24,39,.08);border-radius:28px;box-shadow:var(--af-shadow)}
.hero-copy{padding:clamp(28px,4vw,54px);display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(48px,5.8vw,82px);line-height:.98;margin:0;max-width:690px}.hero p.lead{margin:26px 0 0;color:#374151;font-size:clamp(18px,1.5vw,21px);line-height:1.65;max-width:610px}.hero .micro{margin-bottom:0}.hero-visual{position:relative;min-height:690px;background:#f7f7f8;overflow:hidden}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% center}
.eyebrow{color:#374151;font-size:12px;font-weight:800;letter-spacing:.28em;margin-bottom:18px}.eyebrow::before{content:'';display:block;width:36px;height:3px;background:#c2410c;margin-bottom:14px;border-radius:999px}.section{width:min(1280px,calc(100% - 48px));padding:44px;margin:28px auto;background:rgba(255,255,255,.78);border:1px solid rgba(17,24,39,.08);border-radius:28px;box-shadow:var(--af-shadow)}
.band{background:transparent;color:#374151}.band-inner{width:min(1280px,calc(100% - 48px));padding:8px 28px;font-weight:700;font-size:.7rem}.band-inner span:before{color:#c2410c}.soft{background:transparent}.intro{width:min(1280px,calc(100% - 48px));padding:50px 44px 20px;margin:auto}.intro h1{font-size:clamp(48px,5.8vw,82px)}.intro .lead{font-size:18px;line-height:1.65}.card{border:1px solid var(--af-border);border-radius:18px;background:white;padding:30px}.card-number{margin-bottom:25px}.card p,.step p{color:#374151}.funding-panel{border-radius:18px;background:#111827}.funding-panel .eyebrow{color:#d1d5db}.badge{border-radius:8px}.notice{border:1px solid rgba(194,65,12,.16);border-radius:12px;border-left:3px solid #c2410c}.resource-card{border:1px solid var(--af-border);border-radius:18px;background:white}.resource-card img{border-radius:12px}.resource-card h2{line-height:1.15}.cta{background:transparent;color:#111827}.cta .section{background:rgba(255,255,255,.78);gap:28px}.cta p{color:#374151}.cta .button{background:#c2410c;color:white;border-color:#c2410c}.cta .button.secondary{background:white;color:#111827;border-color:var(--af-border)}.reading{width:min(1280px,calc(100% - 48px));margin:34px auto;background:rgba(255,255,255,.78);border:1px solid rgba(17,24,39,.08);border-radius:28px;box-shadow:var(--af-shadow);padding:44px}.reading.narrow{max-width:850px}.site-footer{width:min(1280px,calc(100% - 48px));margin:28px auto 34px;border-radius:18px;padding:34px 28px}.footer-grid{gap:35px}.footer-grid h2{line-height:1.3}.footer-bottom{margin-top:24px}.menu-toggle{border-radius:12px;font-weight:700}
@media(max-width:1120px){.hero.section{grid-template-columns:1fr}.hero-visual{min-height:580px}.hero-visual img{object-position:center}.split{grid-template-columns:1fr}.header-inner{gap:15px}#primary-nav{gap:15px;font-size:13px}.brand img{max-width:185px;height:auto}}
@media(max-width:800px){.header-inner{padding:15px 0}.brand img{height:34px;width:auto}.section{padding:26px 24px}.hero-copy{padding:26px 24px}.hero h1{font-size:clamp(44px,11vw,66px)}.intro{padding:38px 24px 10px}.intro h1{font-size:clamp(40px,10vw,66px)}.eyebrow{letter-spacing:.22em}.hero p.lead{font-size:18px}.cta .section{display:block}.reading{padding:26px 24px}.admin-bar .site-header{top:46px}}
@media(max-width:720px){.header-inner,.hero.section,.section,.intro,.reading,.site-footer{width:calc(100% - 30px)}.hero-visual{min-height:500px}.hero .actions .button,.cta .actions .button{width:100%}.site-footer{padding:28px 22px}.grid-three{gap:16px}.section-head h2{font-size:34px}#primary-nav .button{width:100%}.card .button{font-size:14px;padding:0 18px}.funding-panel{padding:28px}.reading h1{font-size:clamp(34px,9vw,48px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
/* Existing 1.0 starter pages receive the same hero when only the theme is updated. */
.hero>div:first-child{padding:clamp(28px,4vw,54px);display:flex;flex-direction:column;justify-content:center}.hero-art{min-height:690px;padding:0;border-radius:0;background:#f7f7f8 url('assets/hero.png') 80% center/cover no-repeat}.hero-art>*{display:none}.hero-art::before,.hero-art::after{display:none}@media(max-width:1120px){.hero-art{min-height:580px;background-position:center}}@media(max-width:800px){.hero>div:first-child{padding:26px 24px}}@media(max-width:720px){.hero-art{min-height:500px}}
/* Keep the longer trading headline readable within the original hero grid. */
.hero h1{font-size:clamp(44px,4.5vw,64px);overflow-wrap:normal;word-break:normal}
@media(max-width:720px){.hero h1{font-size:clamp(36px,9vw,48px)}}