/* NSDC Sugar Price Tracker — all rules scoped under .nsdc-sugar-tracker-wrap
   so nothing here leaks into or clashes with the WordPress theme. */

.nsdc-sugar-tracker-wrap {
  --nsdc-green: #049B4C; --nsdc-green-dark: #04693A;
  --cane-gold: #F0A93B; --sky-blue: #2E86DE; --coral: #E8594A; --plum: #8E44AD;
  --cream: #FFFCF4; --ink: #20291F; --ink-soft: #5B6459; --line: #E6E0D0; --danger:#C0392B;

  font-family: Arial, Helvetica, sans-serif;
  color: var(--ink);
  max-width: 1140px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}
.nsdc-sugar-tracker-wrap * { box-sizing: border-box; }

.nsdc-sugar-tracker-wrap .nst-hero {
  position: relative; border-radius: 10px; overflow: hidden;
  background: linear-gradient(100deg, rgba(4,105,58,.94) 0%, rgba(4,105,58,.75) 45%, rgba(240,169,59,.35) 100%),
              url('https://nsdc.gov.ng/wp-content/uploads/2025/09/sugarcanefarm.jpg') center/cover no-repeat;
  color: #fff; padding: 40px 28px; margin: 100px 0 24px !important;
}
.nsdc-sugar-tracker-wrap .nst-display { font-size: 26px; margin: 0 0 10px; font-weight: 800; line-height: 1.15; max-width: 640px; }
.nsdc-sugar-tracker-wrap .nst-hero p { font-size: 14px; color: #EAF7EE; margin: 0 0 18px; max-width: 560px; line-height: 1.6; }
.nsdc-sugar-tracker-wrap .nst-zone-legend { display: flex; gap: 8px; flex-wrap: wrap; }
.nsdc-sugar-tracker-wrap .nst-zone-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; margin-right: 14px; }
.nsdc-sugar-tracker-wrap .nst-zone-chip .nst-dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }

.nsdc-sugar-tracker-wrap .nst-controls {
  display: flex; align-items: center; gap: 8px 18px; flex-wrap: wrap;
  margin-bottom: 22px; padding-bottom: 14px; border-bottom: 1px solid var(--line);
}
.nsdc-sugar-tracker-wrap .nst-controls label { font-size: 12px !important; font-weight: 600 !important; color: var(--ink-soft) !important; margin: 0 !important; }
.nsdc-sugar-tracker-wrap .nst-controls select { padding: 5px 8px; border: 1px solid var(--line); border-radius: 4px; font-size: 13px; background: #fff; width: auto; }

.nsdc-sugar-tracker-wrap .nst-stat-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr)); gap: 12px; margin-bottom: 26px; }
.nsdc-sugar-tracker-wrap .nst-stat { border: 1px solid var(--line) !important; border-radius: 4px !important; padding: 14px 16px !important; background: #fff !important; margin: 0 !important; }
.nsdc-sugar-tracker-wrap .nst-stat.c1 { border-top: 3px solid var(--nsdc-green); }
.nsdc-sugar-tracker-wrap .nst-stat.c2 { border-top: 3px solid var(--sky-blue); }
.nsdc-sugar-tracker-wrap .nst-stat.c3 { border-top: 3px solid var(--cane-gold); }
.nsdc-sugar-tracker-wrap .nst-stat.c4 { border-top: 3px solid var(--coral); }
.nsdc-sugar-tracker-wrap .nst-stat.c5 { border-top: 3px solid var(--plum); }
.nsdc-sugar-tracker-wrap .nst-stat .nst-label { font-size: 11px !important; text-transform: uppercase !important; letter-spacing: .3px !important; color: var(--ink-soft) !important; font-weight: 400 !important; margin: 0 !important; line-height: 1.4 !important; }
.nsdc-sugar-tracker-wrap .nst-stat .nst-value { font-size: 19px !important; font-weight: 700 !important; margin: 4px 0 0 !important; color: var(--ink) !important; line-height: 1.3 !important; }

.nsdc-sugar-tracker-wrap table { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 8px; }
.nsdc-sugar-tracker-wrap th, .nsdc-sugar-tracker-wrap td { text-align: left !important; padding: 10px 12px !important; border-bottom: 1px solid var(--line) !important; white-space: nowrap; font-size: 13px !important; font-weight: 400 !important; color: var(--ink) !important; margin: 0 !important; }
.nsdc-sugar-tracker-wrap th { background: var(--cream) !important; color: var(--ink-soft) !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: .3px !important; font-weight: 700 !important; border-top: 1px solid var(--line) !important; }
.nsdc-sugar-tracker-wrap tbody tr:hover td { background: #FBF6E9; }
.nsdc-sugar-tracker-wrap .nst-table-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 10px; margin-bottom: 10px; }
.nsdc-sugar-tracker-wrap .nst-table-scroll table { margin-bottom: 0; }

.nsdc-sugar-tracker-wrap .nst-footnotes { font-size: 11.5px !important; color: var(--ink-soft) !important; margin-top: 8px !important; line-height: 1.6 !important; font-weight: 400 !important; }
.nsdc-sugar-tracker-wrap .nst-section-heading { font-size: 16px !important; color: var(--nsdc-green-dark) !important; margin: 34px 0 10px !important; padding-top: 20px !important; border-top: 3px solid var(--cane-gold) !important; font-weight: 700 !important; }
.nsdc-sugar-tracker-wrap .nst-empty { text-align: center; padding: 40px; color: var(--ink-soft); font-size: 13px; }

.nsdc-sugar-tracker-wrap .nst-zone-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ink); }
.nsdc-sugar-tracker-wrap .nst-zone-badge .nst-dot { width: 8px; height: 8px; display: inline-block; background: currentColor; }
.nsdc-sugar-tracker-wrap .nst-brand-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; }

.nsdc-sugar-tracker-wrap .nst-card { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 18px; margin-bottom: 20px; }

.nsdc-sugar-tracker-wrap .nst-staff-link { text-align: right; margin-top: 8px; }
.nsdc-sugar-tracker-wrap .nst-staff-link a { font-size: 12.5px; color: var(--nsdc-green-dark); text-decoration: none; font-weight: 600; }
.nsdc-sugar-tracker-wrap .nst-staff-link a:hover { text-decoration: underline; }

.nsdc-sugar-tracker-wrap .nst-toast {
  position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);
  background: var(--nsdc-green-dark); color: #fff; padding: 10px 20px; border-radius: 8px;
  font-size: 13px; opacity: 0; pointer-events: none; transition: opacity .25s; z-index: 9999;
}
.nsdc-sugar-tracker-wrap .nst-toast.show { opacity: 1; }

@media (max-width: 640px) {
  .nsdc-sugar-tracker-wrap .nst-hero { padding: 28px 20px; }
  .nsdc-sugar-tracker-wrap .nst-display { font-size: 21px; }
}