/*
 * LGF TV — charte active Ligue Manager
 *
 * Généré depuis :
 * establishment_branding_theme_state
 * establishment_id = 1
 *
 * Ne contient aucune palette de secours.
 */

:root {
  --lgf-primary: #0C5126;
  --lgf-primary-dark: #093A1B;
  --lgf-primary-soft: #E2EAE5;

  --lgf-secondary: #B21723;
  --lgf-accent: #F39200;

  --lgf-page-background: #FFFBF5;

  --lgf-primary-text: #FFFFFF;
  --lgf-secondary-text: #FFFFFF;
  --lgf-accent-text: #111827;

  /*
   * Compatibilité avec le design LGF TV.
   */
  --green: var(--lgf-primary);
  --green-dark: var(--lgf-primary-dark);
  --green-soft: var(--lgf-primary-soft);

  --yellow: var(--lgf-accent);
  --orange: var(--lgf-accent);

  --red: var(--lgf-secondary);
  --secondary: var(--lgf-secondary);

  --cream: var(--lgf-page-background);
  --light: var(--lgf-page-background);
}


/* ==========================================================
   STRUCTURE GENERALE
   ========================================================== */

html,
body {
  background:
    var(--lgf-page-background);
}


/* ==========================================================
   HEADER — MEME IDENTITE QUE MANAGE.LGF.GP
   ========================================================== */

.site-header {
  background:
    var(--lgf-primary);

  border-bottom-color:
    var(--lgf-accent);
}


.brand::after {
  background:
    var(--lgf-accent);
}


.brand-logo {
  width:64px;
  max-height:60px;
  object-fit:contain;
}


.main-nav a:hover,
.main-nav a:focus-visible {
  color:
    var(--lgf-accent);
}


/* ==========================================================
   HERO LGF TV
   ========================================================== */

.hero {
  background:
    linear-gradient(
      125deg,
      var(--lgf-primary-dark) 0%,
      var(--lgf-primary) 100%
    );
}


.eyebrow,
.hero h1 em {
  color:
    var(--lgf-accent);
}


.button-primary {
  background:
    var(--lgf-accent);

  color:
    var(--lgf-accent-text);
}


.button-secondary {
  border-color:
    rgba(255,255,255,.32);

  color:
    var(--lgf-primary-text);
}


.hero-panel {
  background:
    rgba(255,255,255,.08);

  border-color:
    rgba(255,255,255,.18);
}


.live-dot {
  background:
    var(--lgf-secondary);

  box-shadow:
    0 0 0 8px rgba(178,23,35,.16);
}


/* ==========================================================
   PAGES / SECTIONS
   ========================================================== */

.section-soft,
.page-head {
  background:
    var(--lgf-page-background);
}


.section-title h2,
.page-head h1 {
  color:
    var(--lgf-primary-dark);
}


.section-title a,
.card-link {
  color:
    var(--lgf-primary);
}


.access-badge {
  background:
    var(--lgf-primary-soft);

  color:
    var(--lgf-primary-dark);
}


.empty-state {
  border-color:
    var(--lgf-primary-soft);

  background:
    var(--lgf-page-background);
}


.empty-state strong {
  color:
    var(--lgf-primary);
}


/* ==========================================================
   DIRECT / STATUTS
   ========================================================== */

.status-live,
.live-pill {
  color:
    var(--lgf-secondary);
}


/* ==========================================================
   FICHE MATCH
   ========================================================== */

.match-hero {
  background:
    linear-gradient(
      125deg,
      var(--lgf-primary-dark),
      var(--lgf-primary)
    );
}


.match-hero h1 span {
  color:
    var(--lgf-accent);
}


/* ==========================================================
   FOOTER
   ========================================================== */

footer {
  background:
    var(--lgf-primary-dark);
}


/* ==========================================================
   SELECTION TEXTE
   ========================================================== */

::selection {
  background:
    var(--lgf-accent);

  color:
    var(--lgf-accent-text);
}


/* ==========================================================
   LGF TV V0.2.2.2
   VERSION CLAIRE — ALIGNEMENT VISUEL MANAGE.LGF.GP
   ========================================================== */


/* ----------------------------------------------------------
   HEADER
   ---------------------------------------------------------- */

.site-header {
  background:#0C5126;
  border-bottom:3px solid #F39200;
}


.header-inner {
  min-height:90px;
}


.brand {
  gap:14px;
}


.brand-logo {
  width:70px;
  height:70px;
  max-height:none;

  padding:6px;

  object-fit:contain;

  background:#FFFFFF;

  border-radius:12px;

  box-shadow:
    0 1px 3px rgba(0,0,0,.08);
}


/*
 * Petit séparateur orange identitaire,
 * comme dans Ligue Manager.
 */
.brand::after {
  width:5px;
  height:34px;

  margin-left:4px;

  background:#F39200;
}


.brand strong {
  color:#FFFFFF;
}


.brand small {
  color:rgba(255,255,255,.78);
}


.main-nav a {
  color:#FFFFFF;
}


.main-nav a:hover,
.main-nav a:focus-visible {
  color:#F39200;
}



/* ----------------------------------------------------------
   HERO — PLUS DE GRAND APLAT VERT
   ---------------------------------------------------------- */

.hero {
  color:#111827;

  background:
    linear-gradient(
      135deg,
      #FFFFFF 0%,
      #FFFBF5 70%,
      #F7F3EC 100%
    );

  border-bottom:
    1px solid #E7E2D8;
}


.hero-inner {
  min-height:570px;
}


.hero .eyebrow {
  color:#F39200;
}


.hero h1 {
  color:#093A1B;
}


.hero h1 em {
  color:#F39200;
}


.hero p {
  color:#475569;
}



/* ----------------------------------------------------------
   BOUTONS HERO
   ---------------------------------------------------------- */

.hero .button-primary {
  background:#0C5126;
  color:#FFFFFF;

  box-shadow:
    0 5px 14px rgba(12,81,38,.14);
}


.hero .button-primary:hover {
  background:#093A1B;
}


.hero .button-secondary {
  color:#0C5126;

  background:#FFFFFF;

  border:
    1px solid #BFCFC4;
}


.hero .button-secondary:hover {
  border-color:#0C5126;

  background:#F4F8F5;
}



/* ----------------------------------------------------------
   CARTE LGF TV DU HERO
   ---------------------------------------------------------- */

.hero-panel {
  color:#111827;

  background:#FFFFFF;

  border:
    1px solid #D7E1DA;

  box-shadow:
    0 18px 45px rgba(9,58,27,.08);
}


.hero-panel strong {
  color:#093A1B;
}


.hero-panel p {
  color:#475569;
}


.hero-panel small {
  color:#667085;
}


.live-dot {
  background:#B21723;

  box-shadow:
    0 0 0 8px rgba(178,23,35,.10);
}



/* ----------------------------------------------------------
   FOND GENERAL
   ---------------------------------------------------------- */

body {
  background:#FFFBF5;
}


.section {
  background:#FFFFFF;
}


.section-soft {
  background:#FFFBF5;
}



/* ----------------------------------------------------------
   CARTES MATCH
   ---------------------------------------------------------- */

.match-card {
  background:#FFFFFF;

  border-color:#DFE5E1;

  box-shadow:
    0 5px 18px rgba(15,23,42,.035);
}


.access-badge {
  background:#E2EAE5;
  color:#093A1B;
}



/* ----------------------------------------------------------
   TITRES
   ---------------------------------------------------------- */

.section-title h2,
.page-head h1 {
  color:#093A1B;
}


.section-title a,
.card-link {
  color:#0C5126;
}



/* ----------------------------------------------------------
   FOOTER
   ---------------------------------------------------------- */

footer {
  background:#093A1B;
  border-top:3px solid #F39200;
}



/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:650px) {

  .header-inner {
    min-height:auto;
  }

  .brand-logo {
    width:58px;
    height:58px;
  }

  .brand::after {
    height:28px;
  }

  .hero-inner {
    padding-top:48px;
    padding-bottom:48px;
  }

}