/**
 * Recruitment.ie — Navy Corporate Theme
 * Professional navy blue with clean whites
 * Load AFTER base styles: <link rel="stylesheet" href="pastel-theme.css">
 */

:root {
  --green: #00008b;           /* Navy blue */
  --green-dark: #000070;      /* Deep navy */
  --green-light: #e8e8f8;     /* Soft blue tint */
  --gold: #daa520;            /* Warm gold accent */
  --gold-light: #fdf6e3;      /* Soft gold tint */
  --dark: #0a0a1a;            /* Near-black navy */
  --dark2: #141428;
  --blue: #2563eb;
  --purple: #7c3aed;
  --red: #dc2626;
  --radius: 12px;
}

/* ══════ BODY ══════ */
body {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

/* ══════ TOPBAR ══════ */
.topbar {
  background: #ffffff !important;
  border-bottom-color: #e2e6ec !important;
}
.topbar a.logo {
  color: #00008b !important;
}
.topbar a.logo span {
  color: #daa520 !important;
}
.topbar .sep {
  background: #e2e6ec !important;
}
.topbar-nav a {
  color: #6b7280 !important;
}
.topbar-nav a:hover {
  color: #00008b !important;
}

/* ══════ CARDS & PANELS ══════ */
.card, .template-card, .cert, .co, .programme, .resource,
.input-panel, .result-panel, .question-card, .stat,
.prog-card, .tier, .link-card, .tip-card, .step,
.monthly-card, .stat-box, .prompt-box, .share-section,
.lb-list {
  background: #ffffff !important;
  border-color: #e2e6ec !important;
}
.card:hover, .cert:hover, .co:hover, .programme:hover,
.resource:hover, .prog-card:hover, .link-card:hover {
  border-color: #00008b !important;
}

/* ══════ HERO — let each page keep its own gradient ══════ */

/* ══════ BUTTONS ══════ */
.btn.primary, .calc-btn, .copy-btn,
.cta-row a:not(.outline),
.header-btn.primary,
a.cta-btn, .share-btn:first-child {
  background: #00008b !important;
  color: #fff !important;
}
.btn.primary:hover, .calc-btn:hover, .copy-btn:hover {
  background: #000070 !important;
}
.btn.outline, .cta-row a.outline {
  border-color: #00008b !important;
  color: #00008b !important;
  background: transparent !important;
}

/* ══════ TIPS & ALERTS ══════ */
.tip {
  background: #e8e8f8 !important;
  color: #00008b !important;
}
.warn {
  background: #fdf6e3 !important;
  color: #92400e !important;
}

/* ══════ TABS ══════ */
.tab {
  background: #ffffff !important;
  border-color: #e2e6ec !important;
  color: #6b7280 !important;
}
.tab.active, .tab:hover {
  background: #00008b !important;
  color: #fff !important;
  border-color: #00008b !important;
}

/* ══════ INPUTS ══════ */
input, select, textarea {
  background: #ffffff !important;
  border-color: #e2e6ec !important;
  color: #1a1a1a !important;
}
input:focus, select:focus, textarea:focus {
  border-color: #00008b !important;
}

/* ══════ TABLES ══════ */
th {
  background: #f8f9fb !important;
  color: #6b7280 !important;
}
td {
  border-bottom-color: #f1f3f6 !important;
  color: #4b5563 !important;
}
td strong {
  color: #0a0a1a !important;
}

/* ══════ SIDEBAR / DASHBOARD ══════ */
.sidebar {
  background: #ffffff !important;
  border-right-color: #e2e6ec !important;
}
.sidebar a {
  color: #6b7280 !important;
}
.sidebar a:hover, .sidebar a.active {
  color: #00008b !important;
  background: #e8e8f8 !important;
}

/* ══════ MEGA MENU ══════ */
.mega-panel {
  background: #ffffff !important;
  border-bottom-color: #e2e6ec !important;
}
.mega-col h4 {
  color: #9ca3af !important;
}
.mega-col a {
  color: #4b5563 !important;
}
.mega-col a:hover {
  color: #00008b !important;
}
.mega-trigger:hover, .mega-trigger.active {
  color: #0a0a1a !important;
  background: #e8e8f8 !important;
}
.mega-dash-link {
  background: #00008b !important;
}

/* ══════ SEARCH ══════ */
#megaSearch input {
  background: #f8f9fb !important;
  border-color: #e2e6ec !important;
}
#megaSearch .sr:hover {
  background: #e8e8f8 !important;
  color: #00008b !important;
}

/* ══════ GRID / SITEMAP ITEMS ══════ */
.sl:hover {
  background: #e8e8f8 !important;
  color: #00008b !important;
}

/* ══════ FOOTER ══════ */
.footer {
  background: #0a0a1a !important;
  color: #9ca3af !important;
}
.footer a {
  color: #6b8dd6 !important;
}

/* ══════ STAT NUMBERS ══════ */
.stat .s-num, .s-num {
  color: #00008b !important;
}

/* ══════ SEVERITY BADGES ══════ */
.severity.sev-green { background: #d1fae5 !important; color: #065f46 !important; }
.severity.sev-amber { background: #fdf6e3 !important; color: #92400e !important; }
.severity.sev-red { background: #fee2e2 !important; color: #991b1b !important; }

/* ══════ SECTION HEADERS ══════ */
.sec h2, .section h2 {
  color: #0a0a1a !important;
  border-bottom-color: #e2e6ec !important;
}

/* ══════ BINGO ══════ */
.cell {
  background: #ffffff !important;
  border-color: #e2e6ec !important;
}
.cell.marked {
  background: #00008b !important;
  border-color: #000070 !important;
  color: #fff !important;
}
.cell.free {
  background: #fdf6e3 !important;
  border-color: #daa520 !important;
}

/* ══════ JARGON ══════ */
.j {
  background: #ffffff !important;
  border-color: #e2e6ec !important;
}
.j:hover {
  border-color: #00008b !important;
}
.j .real {
  background: #e8e8f8 !important;
  color: #00008b !important;
}
.j .irish {
  background: #fdf6e3 !important;
  color: #92400e !important;
}

/* ══════ TIMELINE ══════ */
.tl-when {
  color: #00008b !important;
}
.tl-item {
  border-bottom-color: #f1f3f6 !important;
}

/* ══════ FORMS ══════ */
.form, .calc-box {
  background: #ffffff !important;
  border-color: #e2e6ec !important;
}
.field label {
  color: #6b7280 !important;
}
.field .hint {
  color: #9ca3af !important;
}

/* ══════ RESULTS ══════ */
.result-box {
  background: #e8e8f8 !important;
  color: #00008b !important;
}
.script-box {
  background: #ffffff !important;
  border-color: #e2e6ec !important;
}

/* ══════ BANK HOLIDAYS ══════ */
.bh-row {
  border-bottom-color: #f1f3f6 !important;
}
.bh-day {
  color: #00008b !important;
}

/* ══════ HACK CARDS (leave maximizer) ══════ */
.hack {
  border-color: #e2e6ec !important;
}
.math .use { background: #fdf6e3 !important; color: #92400e !important; }
.math .get { background: #e8e8f8 !important; color: #00008b !important; }
.math .ratio { background: #ede9fe !important; color: #5b21b6 !important; }