/* ============================================================
   GLOBEFIN-THEME.CSS · global color override
   ------------------------------------------------------------
   Drop-in stylesheet that re-skins every existing page from
   navy + gold (#0b1020 / #f8c10b) to bank blue + champagne
   (#1a365d / #dd6b20) without editing individual lesson files.

   INSTALL: in /includes/header.php, add inside <head>:
       <link rel="stylesheet" href="/includes/globefin-theme.css">

   Uses body-prefixed selectors and `!important` to win against
   inline <style> blocks declared later in document order.

   PALETTE
     --gf-primary    #1a365d   deep institutional blue
     --gf-primary-2  #2c5282   medium blue (hover/secondary)
     --gf-tint       #ebf2fa   pale blue tint
     --gf-accent     #dd6b20   champagne (replaces bright gold)
     --gf-accent-2   #9c4221   darker champagne (hover)
     --gf-accent-bg  #fff5eb   pale champagne tint
   ============================================================ */

:root {
  --gf-primary: #1a365d;
  --gf-primary-2: #2c5282;
  --gf-tint: #ebf2fa;
  --gf-accent: #dd6b20;
  --gf-accent-2: #9c4221;
  --gf-accent-bg: #fff5eb;
}

/* ============================================================
   LESSON PAGES (learning-foundations-*, learning-corporate-finance-*)
   ============================================================ */

/* Hero — dark navy gradient → deep blue gradient */
body .module-hero {
  background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%) !important;
}

body .module-hero::before {
  background-image: radial-gradient(circle at 80% 30%, rgba(221, 107, 32, 0.12) 0%, transparent 45%) !important;
}

/* Eyebrow pill */
body .module-eyebrow {
  color: #dd6b20 !important;
  border-color: rgba(221, 107, 32, 0.4) !important;
}

/* Toolkit CTA in hero */
body .toolkit-cta {
  background: #dd6b20 !important;
  color: #1a365d !important;
}

body .toolkit-cta:hover {
  background: #ed8a47 !important;
  color: #1a365d !important;
}

/* Section numbering / horizontal rule */
body .module-section .section-num,
body .section-num {
  color: #9c4221 !important;
}

body .module-section .section-num::before,
body .section-num::before {
  background: #9c4221 !important;
}

/* Body headings */
body .module-section h2,
body .module-section h3 {
  color: #1a365d !important;
}

/* Strong in section body */
body .module-section strong {
  color: #1a365d !important;
}

/* Concept box formula band */
body .concept-box .formula {
  background: #1a365d !important;
  color: #dd6b20 !important;
}

/* The strong-inside-formula bug fix you flagged earlier */
body .concept-box .formula strong {
  color: inherit !important;
}

/* Reference tables with dark headers */
body .ref-table th,
body table.ref-table th {
  background: #1a365d !important;
  color: #fff !important;
}

/* Country / pattern cards — strong values stay dark */
body .country-card .pattern-line strong {
  color: #1a365d !important;
}

/* Pull-quote */
body .pull-quote {
  border-left-color: #dd6b20 !important;
}

/* Pitfall grid cards */
body .pitfall-card {
  border-left-color: #b45309 !important;
}

body .pitfall-card p strong {
  color: #b45309 !important;
}

/* Worked example — black/gold result band → blue/champagne */
body .worked-example .result-band,
body .result-band {
  background: #1a365d !important;
  color: #dd6b20 !important;
}

body .worked-example .step-num,
body .step-num {
  background: #dd6b20 !important;
  color: #1a365d !important;
}

/* Warning box keeps orange but tweaks dark text to blue */
body .warning-box strong {
  color: #1a365d !important;
}

/* Toolkit promo card after section 04 */
body .toolkit-promo {
  background: linear-gradient(135deg, #fff5eb 0%, #fff 100%) !important;
  border-color: #dd6b20 !important;
}

body .toolkit-promo .toolkit-cta-large,
body .toolkit-cta-large {
  background: #dd6b20 !important;
  color: #1a365d !important;
}

body .toolkit-cta-large:hover {
  background: #ed8a47 !important;
}

/* Next-module card */
body .next-module-card {
  border-left-color: #dd6b20 !important;
}

body .next-module-card h3,
body .next-module-card strong {
  color: #1a365d !important;
}

/* Module pills (in track-complete sections) */
body .module-pill {
  background: #ebf2fa !important;
  border-color: #2c5282 !important;
  color: #1a365d !important;
}

body .module-pill.current {
  background: #1a365d !important;
  color: #fff !important;
}

/* Breadcrumb */
body .module-hero a:hover,
body .cp-breadcrumb a:hover {
  color: #dd6b20 !important;
}

/* Input rows / labels */
body .input-row label strong {
  color: #1a365d !important;
}

/* Quiz feedback */
body .quiz-feedback strong {
  color: #9c4221 !important;
}


/* ============================================================
   CLASS PAGES (class.php, class-paris.php)
   ============================================================ */

/* Status badge — "In development" / "Ready for delivery" */
body .class-card .class-status {
  background: #9c4221 !important;
  color: #fff !important;
}

/* h3 inside class cards */
body .class-card h3 {
  color: #1a365d !important;
}

/* Location city */
body .class-card .location-city {
  color: #1a365d !important;
}

/* Schedule section labels */
body .class-card .schedule-label,
body .class-card .lesson-label {
  color: #1a365d !important;
}

/* Week-block numbers */
body .class-card .week-num {
  color: #9c4221 !important;
}

body .class-card .week-block::before {
  background: #dd6b20 !important;
}

body .class-card .week-block h5 {
  color: #1a365d !important;
}

/* Links inside class card */
body .class-card .lesson-section li a {
  color: #1a365d !important;
}

body .class-card .lesson-section li a:hover {
  color: #9c4221 !important;
}

/* "Coming" section subtle styling */
body .class-card .lesson-section.coming .lesson-label {
  color: #718096 !important;
}


/* ============================================================
   CLASS-PARIS.PHP — uses .cp-* prefix
   ============================================================ */

/* Hero */
body .cp-hero {
  background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%) !important;
}

body .cp-hero::before {
  background-image: radial-gradient(circle at 80% 30%, rgba(221, 107, 32, 0.12) 0%, transparent 45%) !important;
}

body .cp-eyebrow {
  color: #dd6b20 !important;
  border-color: rgba(221, 107, 32, 0.4) !important;
}

body .cp-hero h1 em {
  color: #dd6b20 !important;
}

body .cp-stat .cp-stat-num {
  color: #dd6b20 !important;
}

/* Section eyebrows */
body .cp-section-num {
  color: #9c4221 !important;
}

body .cp-section .cp-section-num::before {
  background: #9c4221 !important;
}

body .cp-section h2,
body .cp-section h3 {
  color: #1a365d !important;
}

body .cp-section h2 em {
  color: #9c4221 !important;
}

body .cp-section strong {
  color: #1a365d !important;
}

/* Objective cards */
body .cp-obj-card {
  border-left-color: #dd6b20 !important;
}

body .cp-obj-card .cp-obj-num {
  color: #9c4221 !important;
}

body .cp-obj-card p strong {
  color: #1a365d !important;
}

/* Week blocks (schedule grid) */
body .cp-week-block .cp-week-num {
  color: #9c4221 !important;
}

body .cp-week-block h4 {
  color: #1a365d !important;
}

body .cp-week-block .cp-session-count {
  background: #fff5eb !important;
  border-color: #dd6b20 !important;
  color: #4a5568 !important;
}

body .cp-session-mini .cp-sm-num {
  color: #9c4221 !important;
}

body .cp-session-mini .cp-sm-title {
  color: #1a365d !important;
}

body .cp-quiz-marker {
  background: #9c4221 !important;
  color: #fff !important;
}

/* Week heading band */
body .cp-week-heading {
  background: #1a365d !important;
}

body .cp-week-heading .cp-wh-num,
body .cp-week-heading h2 em {
  color: #dd6b20 !important;
}

/* Session cards */
body .cp-session-card .cp-sc-header {
  background: #1a365d !important;
}

body .cp-session-card .cp-sc-id {
  color: #dd6b20 !important;
}

body .cp-sc-label {
  color: #9c4221 !important;
}

body .cp-sc-reading {
  background: #fff5eb !important;
  border-left-color: #dd6b20 !important;
}

body .cp-sc-reading a {
  color: #9c4221 !important;
}

body .cp-sc-plan .cp-time {
  color: #9c4221 !important;
}

body .cp-sc-plan .cp-block strong {
  color: #1a365d !important;
}

/* French case panel */
body .cp-french-case {
  background: linear-gradient(135deg, #fff5eb 0%, #fff 100%) !important;
  border-color: #dd6b20 !important;
  box-shadow: 0 4px 12px rgba(221, 107, 32, 0.08) !important;
}

body .cp-french-case .cp-fc-label {
  color: #9c4221 !important;
}

body .cp-french-case h4 {
  color: #1a365d !important;
}

body .cp-french-case .cp-fc-facts strong {
  color: #1a365d !important;
}

/* Discussion question — keep blue left border but match new primary */
body .cp-discussion {
  border-left-color: #2c5282 !important;
}

body .cp-discussion strong {
  color: #1a365d !important;
}

/* Quiz cards */
body .cp-quiz-card .cp-qc-header {
  background: #9c4221 !important;
}

body .cp-exam-card .cp-qc-header {
  background: #1a365d !important;
}

body .cp-exam-card .cp-qc-id {
  color: #dd6b20 !important;
}

body .cp-q-num {
  color: #9c4221 !important;
}

body .cp-q-text {
  color: #1a365d !important;
}

body .cp-answer-key .cp-ak-label {
  color: #166534 !important; /* green stays */
}

body .cp-answer-key strong {
  color: #1a365d !important;
}

/* Case library cards */
body .cp-case-card .cp-cc-tag {
  color: #9c4221 !important;
}

body .cp-case-card h4 {
  color: #1a365d !important;
}

body .cp-case-card .cp-cc-uses strong {
  color: #1a365d !important;
}

/* Tables */
body .cp-table th {
  background: #1a365d !important;
}

body .cp-table td.name {
  color: #1a365d !important;
}


/* ============================================================
   LESSONS.PHP — catalog page
   ============================================================ */

/* Hero / track headers — same gradient */
body .lessons-hero,
body .track-header {
  background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%) !important;
}

/* Track-complete badges */
body .track-status.complete,
body .track-status-complete {
  background: #dd6b20 !important;
  color: #1a365d !important;
}

/* Module rows */
body .module-row h3 {
  color: #1a365d !important;
}

body .module-row .module-num {
  color: #9c4221 !important;
}

body .module-row strong {
  color: #1a365d !important;
}

body .module-row a {
  color: #1a365d !important;
}

body .module-row a:hover {
  color: #9c4221 !important;
}


/* ============================================================
   LESSON-CHAT WIDGET (if present)
   ============================================================ */

body .lesson-chat-fab {
  background: #dd6b20 !important;
  color: #1a365d !important;
}

body .lesson-chat-fab:hover {
  background: #ed8a47 !important;
}

body .lesson-chat-header {
  background: #1a365d !important;
  color: #fff !important;
}

body .lesson-chat-send {
  background: #1a365d !important;
}

body .lesson-chat-send:hover {
  background: #2c5282 !important;
}
