﻿/* Prelude Commodities: trading-house skin (v2, 13 Oct 2026). Loaded after style.css.
   Palette: deep halal green (brand), container yellow (action), cool grey surfaces, charcoal ink.
   Type: Barlow Condensed headings, Source Sans 3 body. Square-cut cards, no glows/gradients. */
:root{
  --brand:#2E7D32; --brand-dark:#256B2A; --brand-ink:#1C5229;
  --action:#FFC72C; --action-hover:#F2B705; --action-ink:#1A1A12;
  --ink:#16201B; --ink-soft:#4B5A52; --line:#D5E2CF; --surface:#FFFFFF; --surface-alt:#F1F6EE;

  --color-dark:#1C5229; --color-mid-navy:#256B35; --color-navy-light:#2D7A3E; --color-border-dark:#3E8A4E;
  --color-gold:#FFC72C; --color-gold-light:#FFD65C; --color-gold-dim:rgba(242,183,5,.16);
  --color-off-white:#F1F6EE; --color-text-muted:rgba(242,244,242,.74);
  --gold-04:rgba(242,183,5,.04); --gold-06:rgba(242,183,5,.06); --gold-08:rgba(242,183,5,.08);
  --gold-10:rgba(242,183,5,.10); --gold-15:rgba(242,183,5,.15); --gold-20:rgba(242,183,5,.20);
  --gold-25:rgba(242,183,5,.25); --gold-30:rgba(242,183,5,.30); --gold-35:rgba(242,183,5,.35); --gold-40:rgba(242,183,5,.40);
  --dark-04:rgba(31,92,46,.04); --dark-06:rgba(31,92,46,.06); --dark-08:rgba(31,92,46,.08);
  --dark-55:rgba(22,32,27,.62); --dark-65:rgba(22,32,27,.72); --dark-70:rgba(22,32,27,.78);
  --gradient-gold:#FFC72C; --gradient-dark:#1C5229; --gradient-card:none; --dot-grid:none;
  --font-main:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-head:'Barlow Condensed','Arial Narrow',system-ui,sans-serif;
  --radius:4px; --radius-sm:3px;
  --shadow-card:0 1px 2px rgba(31,92,46,.06); --shadow-hover:0 6px 18px rgba(31,92,46,.12); --shadow-gold:none;
}
/* light sections: accent text turns brand green (yellow is unreadable on white) */
.section--white,.section--light{--color-gold:#2E7D32;--color-gold-light:#2E7D32;--color-gold-dim:rgba(46,125,50,.10);
  --gold-08:rgba(46,125,50,.06);--gold-10:rgba(46,125,50,.08);--gold-15:rgba(46,125,50,.12);--gold-20:rgba(46,125,50,.16);--gold-25:rgba(46,125,50,.2);--gold-30:rgba(46,125,50,.24);--gold-40:rgba(46,125,50,.3)}
.section--light{background:var(--surface-alt)!important}
.section--white{background:var(--surface)!important}
.section--dark,.section--navy{background:var(--brand-ink)!important;background-image:none!important}
body{font-family:var(--font-main);font-size:17px;line-height:1.6}

/* typography */
h1,h2,h3,h4,.hero-h1,.section-title,.product-title,.stat-value,.markets-stat-value,.logo-primary,.logo-secondary,.footer-logo-name,.quick-facts-title{font-family:var(--font-head);letter-spacing:.005em}
h1,.hero-h1{font-weight:700;line-height:1.02}
h2,.section-title{font-weight:700;line-height:1.08}
h3{font-weight:600}
.h1-accent{color:var(--action)!important;-webkit-text-fill-color:var(--action)!important;background:none!important}

/* kill the generic AI-template tells: glows, dot grids, gradient text, numbered badges */
.hero-glow-1,.hero-glow-2,.hero-glow-3,.hero-glow-4,.scroll-indicator,.why-number,.pillar-number{display:none!important}
[class*="glow"]{box-shadow:none}
.eyebrow,.hero-eyebrow{display:inline-block;background:var(--action);color:var(--action-ink)!important;font-family:var(--font-head);font-weight:700;
  letter-spacing:.06em;font-size:.78rem;padding:3px 9px;border-radius:2px;-webkit-text-fill-color:var(--action-ink)!important}
.section--white .eyebrow,.section--light .eyebrow{background:var(--brand);color:#fff!important;-webkit-text-fill-color:#fff!important}

/* nav */
#navbar{background:var(--brand-ink)!important;border-bottom:3px solid var(--action);backdrop-filter:none}
.logo-primary{color:#fff!important;font-weight:700;font-size:1.45rem;-webkit-text-fill-color:#fff!important;background:none!important}
.logo-secondary{color:var(--action)!important;font-weight:600;font-size:1.45rem}
.nav-links a{font-weight:600}

/* hero: real cargo photo under a green wash instead of the navy glow */
#hero{background:linear-gradient(90deg,rgba(24,78,38,.90) 0%,rgba(31,92,46,.78) 55%,rgba(46,125,50,.45) 100%),
  url('/assets/images/rice-export-inspection-container-loading-pakistan.jpg') center/cover no-repeat!important}
.hero-trust-item{border-radius:2px}
.stat-card{background:rgba(255,255,255,.06)!important;border:1px solid rgba(242,183,5,.35)!important;border-radius:4px!important;backdrop-filter:none}
.stat-value{color:var(--action)!important;-webkit-text-fill-color:var(--action)!important;background:none!important;font-size:2.6rem}
.marquee-track,.credibility-wrapper{background:var(--action)!important;color:var(--action-ink)!important}
.credibility-wrapper *{color:var(--action-ink)!important}

/* buttons */
.btn{border-radius:3px!important;font-family:var(--font-head);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:1rem;box-shadow:none!important}
.btn--gold{background:var(--action)!important;color:var(--action-ink)!important;border:2px solid var(--action)!important;background-image:none!important}
.btn--gold:hover{background:var(--action-hover)!important;border-color:var(--action-hover)!important;transform:none}
.btn--outline{background:transparent!important;border:2px solid currentColor!important}
.section--white .btn--outline,.section--light .btn--outline{color:var(--brand)!important}

/* cards: square-cut, hairline border, brand top rule */
.card,.product-card,.knowledge-card,.market-card,.region-card,.service-card,.sourcing-card,.why-item,.pillar-card,.cred-item,.faq-block,.quick-facts,.gated-box{
  border-radius:4px!important;box-shadow:var(--shadow-card)!important;background-image:none!important}
.section--white .product-card,.section--light .product-card,.section--white .knowledge-card,.section--light .knowledge-card,
.section--white .why-item,.section--light .why-item,.section--white .pillar-card,.section--light .pillar-card,.section--white .service-card,.section--light .service-card{
  background:#fff!important;border:1px solid var(--line)!important;border-top:4px solid var(--brand)!important}
.market-card,.region-card{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.14)!important;border-top:4px solid var(--action)!important}
.product-card:hover,.knowledge-card:hover{box-shadow:var(--shadow-hover)!important;transform:translateY(-2px)}
.badge{border-radius:2px!important}
.step-circle{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}

/* quick facts + spec tables */
.quick-facts{background:#fff!important;border:1px solid var(--line)!important;border-left:5px solid var(--brand)!important}
.quick-facts-title{color:var(--brand)!important}
.spec-table th{background:var(--brand)!important;color:#fff!important}
.spec-table td{border-color:var(--line)!important}
.spec-table tr:nth-child(even) td{background:var(--surface-alt)}

/* footer */
footer,.footer-top,.footer-bottom-wrap{background:#174A24!important}

/* â”€â”€ funnel components â”€â”€ */
.pc-quote-band{background:var(--brand);color:#fff;padding:44px 0}
.pc-quote-band .container{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}
.pc-quote-band h2{font-family:var(--font-head);font-size:2.1rem;color:#fff;margin:0 0 8px}
.pc-quote-band p{color:#fff;margin:0}
.pc-quote-band ol{margin:0;padding-left:1.2em;color:#fff;line-height:1.8;font-weight:600}
.pc-quote-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;align-items:center}
.pc-quote-actions a.pc-mail{color:#fff;text-decoration:underline;font-weight:600}
.pc-stickybar{display:none}
@media (max-width:760px){
  .pc-quote-band .container{grid-template-columns:1fr}
  .pc-stickybar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:950;gap:8px;padding:10px 12px;background:var(--brand-ink);border-top:3px solid var(--action)}
  .pc-stickybar a{flex:1;text-align:center;padding:12px 8px;border-radius:3px;font-family:var(--font-head);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.95rem;text-decoration:none}
  .pc-stickybar .pc-sb-quote{background:var(--action);color:var(--action-ink)}
  .pc-stickybar .pc-sb-mail{border:2px solid rgba(255,255,255,.6);color:#fff}
  body{padding-bottom:70px}
}

/* mobile overflow guard */
@media (max-width:760px){.spec-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.spec-table th,.spec-table td{white-space:nowrap}html,body{overflow-x:hidden}}

/* readability: quick facts carry their own ink (they sit on white even inside dark sections) */
.quick-facts,.quick-facts p,.quick-facts dd,.quick-facts li,.quick-facts-summary{color:#1E2A20!important;-webkit-text-fill-color:#1E2A20!important;opacity:1!important}
.quick-facts dt,.quick-facts strong{color:#256B2A!important;-webkit-text-fill-color:#256B2A!important}
.quick-facts a{color:#256B2A!important;text-decoration:underline}
footer span,footer p,footer li,.footer-bottom-wrap *{color:rgba(255,255,255,.82)!important}
footer a{color:#fff!important}
.market-port{display:block;font-size:.8rem;opacity:.75;font-weight:400;letter-spacing:.02em}
.market-countries li{margin-bottom:6px}
