/* ═══════════════════════════════════════════════════════════════
   THÈME "PRO" — Le Pirate du Jeu
   Habillage corporate sobre (navy / teal / or) avec touche pirate
   discrète. Ce fichier ne modifie AUCUN gabarit HTML : il surcharge
   uniquement les variables CSS et quelques règles ciblées déjà
   utilisées par style.css, includes/header.php, includes/footer.php,
   _page_chrome.php, _sidebar_commun.php et le <style> inline de
   index.php. Il est chargé en tout dernier (voir includes/footer.php)
   pour gagner la cascade sur les blocs <style> inline de la home.
   ═══════════════════════════════════════════════════════════════ */

:root{
  /* ── Palette corporate sobre ─────────────────────────────── */
  --primary:      #101B2D;
  --primary-2:    #14273D;
  --accent:       #B4863A;
  --accent-2:     #D9AE66;
  --accent-dark:  #8C6A2E;

  --navy:         #101B2D;
  --navy-dk:      #0A121F;
  --navy-lt:      #1B3B5C;
  --gold:         #B4863A;
  --gold-lt:      #D9AE66;
  --gold-bg:      rgba(180,134,58,.10);
  --gold-bdr:     rgba(180,134,58,.30);
  --parch:        #EEF2F5;
  --parch-2:      #E4E9EE;
  --parch-3:      #DCE3EA;
  --ink:          #101B2D;
  --ink-2:        #33465C;
  --muted:        #64748B;
  --text:         #101B2D;
  --text-muted:   #64748B;
  --gray-50:      #F7F9FA;
  --gray-100:     #EEF2F5;
  --gray-200:     #DCE3EA;
  --gray-400:     #94A3B3;
  --gray-600:     #475569;
  --border:       #DCE3EA;

  --green:        #1D7A72;
  --green-bg:     rgba(29,122,114,.10);
  --red:          #B03A2E;
  --red-bg:       rgba(176,58,46,.09);
  --amber:        #B45309;
  --amber-bg:     rgba(180,83,9,.09);
  --blue:         #2F5C82;
  --ig:           #B0416F;
  --ig-bg:        rgba(176,65,111,.09);
  --fb:           #2F5C82;
  --fb-bg:        rgba(47,92,130,.09);
  --tw:           #2F5C82;
  --tw-bg:        rgba(47,92,130,.09);

  /* Accent supplémentaire propre au thème Pro (badges "vérifié", CTA) */
  --pro-teal:     #1D7A72;
  --pro-teal-bg:  rgba(29,122,114,.10);

  --radius:       8px;
  --r:            8px;
  --r-sm:         6px;
  --shadow:       0 1px 3px rgba(16,27,45,.08);
  --shadow-lg:    0 8px 24px rgba(16,27,45,.10);
  --shadow-md:    0 8px 24px rgba(16,27,45,.10);
  --shadow-xl:    0 20px 50px rgba(16,27,45,.16);

  --font-head:    'Manrope','Inter',sans-serif;
  --font:         'Manrope','Inter',sans-serif;
}

body.theme-pro{ letter-spacing: 0; }

/* ── Typographie : toutes les occurrences de 'Syne' → Manrope ──── */
.theme-pro .hero-text h1,
.theme-pro .hstat-n,
.theme-pro .bloc-intro h2,
.theme-pro .bloc-dates-h,
.theme-pro .action-band,
.theme-pro .sec-head h2,
.theme-pro .ccard-title,
.theme-pro .panel-hd h3,
.theme-pro .inscr-panel h3,
.theme-pro .cta-grid h2,
.theme-pro .cta-box h3,
.theme-pro .btn-reg,
.theme-pro .hs-btn,
.theme-pro .top-rank,
.theme-pro .faq-head h2,
.theme-pro .faq-btn,
.theme-pro .nl-sent h4,
.theme-pro .logo-main,
.theme-pro .page-title,
.theme-pro .section-title,
.theme-pro .detail-titre,
.theme-pro .auth-title,
.theme-pro .nl-title{
  font-family: 'Manrope', sans-serif !important;
  letter-spacing: -.01em;
}

/* ── Logo : pirate conservé mais discret ─────────────────────── */
.theme-pro .logo-icon{
  font-size: 20px;
  opacity: .82;
}

/* ── Watermarks pirate en grand format → retirés (discrétion) ──── */
.theme-pro .hero-band::after,
.theme-pro .cta-footer::before{
  content: none;
}

/* ── Hero : dégradé plus sobre, moins "violet nuit" ─────────────── */
.theme-pro .hero-band{
  background: linear-gradient(135deg, var(--navy-dk) 0%, var(--navy) 65%, var(--navy-lt) 100%);
}
.theme-pro .cta-footer{
  background: linear-gradient(135deg, var(--navy-dk) 0%, var(--navy) 100%);
}

/* ── Cartes concours (ccard) : coins moins arrondis, ombre plate ── */
.theme-pro .ccard,
.theme-pro .concours-card,
.theme-pro .card-concours,
.theme-pro .panel,
.theme-pro .faq-item,
.theme-pro .bloc-intro,
.theme-pro .bloc-dates,
.theme-pro .side-card{
  border-radius: 8px;
  box-shadow: var(--shadow);
}
.theme-pro .ccard:hover,
.theme-pro .concours-card:hover,
.theme-pro .card-concours:hover{
  box-shadow: var(--shadow-md);
}

/* ── Badge "vérifié" façon comparateur, ajouté visuellement au-dessus
      de l'organisateur via un accent teal plutôt que doré partout ── */
.theme-pro .ccard-org{
  color: var(--pro-teal);
  font-weight: 800;
}

/* ── Newsletter widget sidebar : dégradé aligné sur la palette ──── */
.theme-pro .nl-widget{
  background: linear-gradient(150deg, var(--navy-dk) 0%, var(--navy) 100%);
  border-color: var(--gold-bdr);
}
.theme-pro .nl-widget-hd{
  border-color: rgba(180,134,58,.16);
}

/* ── Countdown sidebar : barre d'accent dorée/teal plutôt que rouge ── */
.theme-pro .cd-widget::before{
  background: linear-gradient(90deg, var(--gold), var(--gold-lt), var(--pro-teal));
}

/* ── Classement Top de la semaine : médailles alignées sur l'accent or ── */
.theme-pro .top-rank-1{ background: linear-gradient(135deg, var(--gold-lt), var(--gold)); color:#1A1206; }
.theme-pro .top-rank-2{ background: linear-gradient(135deg, #B7C0C9, #8B98A6); color:#fff; }
.theme-pro .top-rank-3{ background: linear-gradient(135deg, #B08D63, #8A6A46); color:#fff; }

/* ── Boutons : coins moins arrondis, plus "comparateur" ─────────── */
.theme-pro .btn,
.theme-pro .btn-inscr,
.theme-pro .inscr-btn,
.theme-pro .cd-cta,
.theme-pro .ccard-cta,
.theme-pro .dates-cta,
.theme-pro .sec-all{
  border-radius: 6px;
}

/* ── Header / nav : s'appuient déjà sur --primary/--accent ─────── */
.theme-pro .site-header{ box-shadow: 0 1px 0 rgba(16,27,45,.08); }
.theme-pro .main-nav{ background: var(--primary-2); }

/* ── Filtres (qf-chip) : forme légèrement moins "pilule ronde" ──── */
.theme-pro .qf-chip{ border-radius: 20px; }

/* ── Catégories sidebar : accent teal au survol plutôt que doré seul ── */
.theme-pro .cat-item:hover,
.theme-pro .ph-widget-link:hover{
  color: var(--pro-teal);
}

/* ── FAQ : numéro rond aligné sur l'accent teal ─────────────────── */
.theme-pro .faq-num{
  background: var(--pro-teal-bg);
  border-color: rgba(29,122,114,.30);
  color: var(--pro-teal);
}
.theme-pro .faq-item.open .faq-num{
  background: var(--navy); color: var(--gold-lt); border-color: var(--navy);
}

/* ── Responsive : rien à changer, on hérite du layout existant ──── */