/* ==========================================================================
   Comité de course — identité visuelle
   --------------------------------------------------------------------------
   Esprit repris de https://jurydecisions.ffvoile.fr/ :
   barre de navigation claire, bandeau d'accroche (jumbotron) gris et
   colonnes avec boutons pleins.
   Couleur principale : bleu marine / océan, en remplacement du bleu FFVoile
   (#428bca). Le cyan FFVoile (#0097cf) est conservé en couleur d'accentuation.

   Ce fichier est le pendant MkDocs de la feuille de style applicative
   `assets/stylesheets/comite-theme.css` : la palette est identique.
   ========================================================================== */

/* --- Palette (jetons de couleur) ---------------------------------------- */
:root {
  --comite-navy:          #0b3d5c;
  --comite-navy-dark:     #082c42;
  --comite-navy-light:    #14608c;
  --comite-accent:        #0097cf;
  --comite-navbar-bg:     #f8f8f8;
  --comite-navbar-border: #e7e7e7;
  --comite-jumbotron-bg:  #eeeeee;
  --comite-jumbotron-fg:  #333333;
}

/* --- Palette MkDocs Material (primary/accent = « custom ») --------------- */

/* Mode clair : barre de navigation claire, texte et liens bleu marine. */
[data-md-color-scheme="default"][data-md-color-primary="custom"] {
  --md-primary-fg-color:        var(--comite-navbar-bg);
  --md-primary-fg-color--light: #ffffff;
  --md-primary-fg-color--dark:  var(--comite-navbar-border);
  --md-primary-bg-color:        var(--comite-navy);
  --md-primary-bg-color--light: rgba(11, 61, 92, .7);
  --md-typeset-a-color:         var(--comite-navy);
  --md-footer-bg-color:         var(--comite-navy-dark);
  --md-footer-bg-color--dark:   #061f2e;
}

/* Mode sombre : en-tête bleu marine foncé. */
[data-md-color-scheme="slate"][data-md-color-primary="custom"] {
  --md-primary-fg-color:        #0e2f45;
  --md-primary-fg-color--light: #14405d;
  --md-primary-fg-color--dark:  #08222f;
  --md-primary-bg-color:        #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, .7);
  --md-typeset-a-color:         #4db8e8;
  --md-footer-bg-color:         #08222f;
}

/* Accentuation : cyan FFVoile. */
[data-md-color-accent="custom"] {
  --md-accent-fg-color:              var(--comite-accent);
  --md-accent-fg-color--transparent: rgba(0, 151, 207, .1);
  --md-accent-bg-color:              #ffffff;
  --md-accent-bg-color--light:       rgba(255, 255, 255, .7);
}

/* --- Barre de navigation claire ----------------------------------------- */
[data-md-color-scheme="default"] .md-header {
  border-bottom: 1px solid var(--comite-navbar-border);
  box-shadow: none;
}

[data-md-color-scheme="default"] .md-tabs {
  border-bottom: 1px solid var(--comite-navbar-border);
}

/* --- Boutons pleins (comme les .btn-primary de la FFVoile) -------------- */
.md-typeset .md-button {
  border-color: var(--comite-navy);
  border-radius: .2rem;
  color: var(--comite-navy);
}

.md-typeset .md-button:is(:focus, :hover) {
  background-color: rgba(11, 61, 92, .08);
  border-color: var(--comite-navy);
  color: var(--comite-navy);
}

.md-typeset .md-button--primary {
  background-color: var(--comite-navy);
  border-color: var(--comite-navy);
  color: #ffffff;
}

.md-typeset .md-button--primary:is(:focus, :hover) {
  background-color: var(--comite-navy-dark);
  border-color: var(--comite-navy-dark);
  color: #ffffff;
}

[data-md-color-scheme="slate"] .md-typeset .md-button {
  border-color: var(--comite-accent);
  color: var(--comite-accent);
}

[data-md-color-scheme="slate"] .md-typeset .md-button--primary {
  background-color: var(--comite-navy-light);
  border-color: var(--comite-navy-light);
}

/* --- Bandeau d'accroche (jumbotron) ------------------------------------- */
.md-typeset .comite-hero {
  background-color: var(--comite-jumbotron-bg);
  border-radius: .4rem;
  margin: 0 0 2.4rem;
  padding: 2.4rem 2rem;
}

.md-typeset .comite-hero h1 {
  color: var(--comite-navy);
  margin: 0 0 .8rem;
}

.md-typeset .comite-hero .comite-hero__lead {
  color: var(--comite-jumbotron-fg);
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 0;
}

[data-md-color-scheme="slate"] .md-typeset .comite-hero {
  background-color: rgba(255, 255, 255, .06);
}

[data-md-color-scheme="slate"] .md-typeset .comite-hero h1 {
  color: #ffffff;
}

[data-md-color-scheme="slate"] .md-typeset .comite-hero .comite-hero__lead {
  color: var(--md-default-fg-color--light);
}

/* --- Colonnes « Pour l'organisation / Pour les participants » ----------- */
.md-typeset .comite-columns {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
  margin: 2.4rem 0;
}

@media screen and (min-width: 60em) {
  .md-typeset .comite-columns {
    grid-template-columns: 1fr 1fr;
  }
}

.md-typeset .comite-card {
  border-top: .2rem solid var(--comite-navy);
  padding-top: 1.2rem;
}

.md-typeset .comite-card h2 {
  color: var(--comite-navy);
  font-weight: 700;
  margin-top: 0;
}

[data-md-color-scheme="slate"] .md-typeset .comite-card {
  border-top-color: var(--comite-accent);
}

[data-md-color-scheme="slate"] .md-typeset .comite-card h2 {
  color: #ffffff;
}