/* ── Crew Connect Theme Overrides ────────────────────────────────────────────
 *
 * Three modes set via WP Admin → Crew Connect → Settings → General → Design Mode.
 * A matching body class is added by cc_body_theme_class():
 *   body.cc-theme-dark    (default — no overrides needed, existing CSS is dark)
 *   body.cc-theme-hybrid  (dark nav/hero, white content)
 *   body.cc-theme-light   (white throughout, navy + gold)
 *
 * Palette reference:
 *   Dark    — bg #0B1929  surface #112236  accent #06D6A0  gold #FFD166
 *   Hybrid  — hero #0B2545 body #F7F9FC    blue #1A6FA8   gold #D4911A
 *   Light   — bg #F7F9FC   surface #FFFFFF  blue #1A6FA8   gold #D4911A
 * ─────────────────────────────────────────────────────────────────────────── */

/* ── DARK (default) — no overrides; existing cc-public.css is the dark theme ── */

/* ── HYBRID ──────────────────────────────────────────────────────────────────── */

/* Portal wrapper */
body.cc-theme-hybrid .cc-portal {
    background: #F7F9FC;
    color: #0F2A3F;
}

/* Top bar / header strip stays dark navy */
body.cc-theme-hybrid .cc-portal-topbar,
body.cc-theme-hybrid .cc-profile-hero,
body.cc-theme-hybrid .cc-top-bar {
    background: #0B2545;
    color: #ffffff;
}

/* Nav tabs */
body.cc-theme-hybrid .cc-portal-nav {
    background: #0B2545;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
body.cc-theme-hybrid .cc-nav-btn {
    color: rgba(255,255,255,0.7);
}
body.cc-theme-hybrid .cc-nav-btn.active,
body.cc-theme-hybrid .cc-nav-btn:hover {
    color: #ffffff;
    border-bottom-color: #D4911A;
}

/* Content panels — white cards */
body.cc-theme-hybrid .cc-panel,
body.cc-theme-hybrid .cc-tab-panel,
body.cc-theme-hybrid .cc-card-panel {
    background: #ffffff;
    border: 1px solid #E2E8F0;
    color: #0F2A3F;
}

/* Section headings */
body.cc-theme-hybrid .cc-section-title,
body.cc-theme-hybrid .cc-panel h2,
body.cc-theme-hybrid .cc-panel h3 {
    color: #0B2545;
}

/* Primary buttons — gold CTA */
body.cc-theme-hybrid .cc-btn-primary,
body.cc-theme-hybrid .cc-portal .cc-btn-primary {
    background: #D4911A;
    color: #ffffff;
}
body.cc-theme-hybrid .cc-btn-primary:hover {
    background: #bf8116;
}

/* Secondary buttons */
body.cc-theme-hybrid .cc-btn-secondary {
    background: #EBF4FF;
    color: #1A6FA8;
    border: 1px solid #BFDBFE;
}
body.cc-theme-hybrid .cc-btn-secondary:hover {
    background: #DBEAFE;
}

/* Inputs */
body.cc-theme-hybrid .cc-portal input[type="text"],
body.cc-theme-hybrid .cc-portal input[type="email"],
body.cc-theme-hybrid .cc-portal input[type="number"],
body.cc-theme-hybrid .cc-portal input[type="date"],
body.cc-theme-hybrid .cc-portal select,
body.cc-theme-hybrid .cc-portal textarea {
    background: #ffffff;
    border: 1px solid #CBD5E1;
    color: #0F2A3F;
}

/* Labels */
body.cc-theme-hybrid .cc-portal label,
body.cc-theme-hybrid .cc-portal .cc-label {
    color: #475569;
}

/* Cert / badge chips */
body.cc-theme-hybrid .cc-cert-chip,
body.cc-theme-hybrid .cc-badge {
    background: #EBF4FF;
    color: #1A6FA8;
    border-color: #BFDBFE;
}

/* Auth pages — login/register */
body.cc-theme-hybrid .cc-auth-wrap {
    background: #F7F9FC;
}
body.cc-theme-hybrid .cc-auth-sidebar {
    background: #0B2545;
}
body.cc-theme-hybrid .cc-auth-box {
    background: #ffffff;
    border: 1px solid #E2E8F0;
    color: #0F2A3F;
}

/* ── LIGHT ───────────────────────────────────────────────────────────────────── */

body.cc-theme-light .cc-portal {
    background: #F7F9FC;
    color: #0F2A3F;
}

body.cc-theme-light .cc-portal-topbar,
body.cc-theme-light .cc-profile-hero,
body.cc-theme-light .cc-top-bar {
    background: #ffffff;
    color: #0B2545;
    border-bottom: 1px solid #E2E8F0;
}

body.cc-theme-light .cc-portal-nav {
    background: #ffffff;
    border-bottom: 2px solid #E2E8F0;
}
body.cc-theme-light .cc-nav-btn {
    color: #64748B;
}
body.cc-theme-light .cc-nav-btn.active,
body.cc-theme-light .cc-nav-btn:hover {
    color: #0B2545;
    border-bottom-color: #D4911A;
}

body.cc-theme-light .cc-panel,
body.cc-theme-light .cc-tab-panel,
body.cc-theme-light .cc-card-panel {
    background: #ffffff;
    border: 1px solid #E2E8F0;
    color: #0F2A3F;
    box-shadow: 0 1px 6px rgba(11,37,69,0.05);
}

body.cc-theme-light .cc-section-title,
body.cc-theme-light .cc-panel h2,
body.cc-theme-light .cc-panel h3 {
    color: #0B2545;
}

body.cc-theme-light .cc-btn-primary,
body.cc-theme-light .cc-portal .cc-btn-primary {
    background: #0B2545;
    color: #ffffff;
}
body.cc-theme-light .cc-btn-primary:hover {
    background: #0d2f58;
}

body.cc-theme-light .cc-btn-secondary {
    background: #EBF4FF;
    color: #1A6FA8;
    border: 1px solid #BFDBFE;
}

body.cc-theme-light .cc-portal input[type="text"],
body.cc-theme-light .cc-portal input[type="email"],
body.cc-theme-light .cc-portal input[type="number"],
body.cc-theme-light .cc-portal input[type="date"],
body.cc-theme-light .cc-portal select,
body.cc-theme-light .cc-portal textarea {
    background: #ffffff;
    border: 1px solid #CBD5E1;
    color: #0F2A3F;
}

body.cc-theme-light .cc-portal label,
body.cc-theme-light .cc-portal .cc-label {
    color: #475569;
}

body.cc-theme-light .cc-cert-chip,
body.cc-theme-light .cc-badge {
    background: #EBF4FF;
    color: #1A6FA8;
    border-color: #BFDBFE;
}

/* Gold accent surfaces in light mode */
body.cc-theme-light .cc-boost-badge,
body.cc-theme-light .cc-tier-gold {
    background: #FEF3DC;
    color: #D4911A;
    border-color: rgba(212,145,26,0.3);
}

body.cc-theme-light .cc-auth-wrap {
    background: #F7F9FC;
}
body.cc-theme-light .cc-auth-sidebar {
    background: #0B2545;
}
body.cc-theme-light .cc-auth-box {
    background: #ffffff;
    border: 1px solid #E2E8F0;
    color: #0F2A3F;
}

/* Recruiter dashboard light overrides */
body.cc-theme-light .cc-recruiter-dashboard {
    background: #F7F9FC;
    color: #0F2A3F;
}
body.cc-theme-light .cc-rd-header {
    background: #0B2545;
}