/* ================================================================
   COMPOSANT mc-geotable — Section 26
   ─────────────────────────────────────────────────────────────
   Extension éditoriale de mc-table pour les données
   chrono-stratigraphiques, phylogénétiques ou géologiques.

   STRUCTURE COMPLÉMENTAIRE
   ────────────────────────
   .mc-geotable                     → modificateur sur .mc-table
   .mc-geotable__era-row            → ligne de séparation d'ère (th[colspan])
   .mc-geotable__era-label          → label de l'ère à l'intérieur
   .mc-geotable__period             → cellule de période géologique (col 1)
   .mc-geotable__date               → cellule de date / Ma (col 2)
   .mc-geotable__marker             → barre colorée latérale d'ère

   MODIFICATEURS D'ÈRE (sur .mc-geotable__era-row)
   ─────────────────────────────────────────────────
   .mc-geotable__era-row--paleozoic → gris bleuté — Paléozoïque
   .mc-geotable__era-row--mesozoic  → vert sombre — Mésozoïque
   .mc-geotable__era-row--cenozoic  → ambre chaud — Cénozoïque

   MODIFICATEURS DE LIGNE (sur .mc-table__row)
   ────────────────────────────────────────────
   .mc-geotable__row--paleozoic     → teinté Paléozoïque
   .mc-geotable__row--mesozoic      → teinté Mésozoïque / radiation
   .mc-geotable__row--cenozoic      → teinté Cénozoïque / récent
   .mc-geotable__row--event         → ligne d'événement majeur (extinction, etc.)
   ================================================================ */

/* ── Tokens chrono ── */
:root {
  --mc-geo-paleozoic-bg:    rgba(100,110,130,.06);
  --mc-geo-paleozoic-rule:  #8090a8;
  --mc-geo-paleozoic-text:  #3a4558;
  --mc-geo-mesozoic-bg:     rgba(29,80,67,.055);
  --mc-geo-mesozoic-rule:   var(--mc-green-600);
  --mc-geo-mesozoic-text:   var(--mc-green-800);
  --mc-geo-cenozoic-bg:     rgba(184,146,46,.06);
  --mc-geo-cenozoic-rule:   var(--mc-amber-600);
  --mc-geo-cenozoic-text:   var(--mc-amber-800);
  --mc-geo-event-bg:        rgba(220,38,38,.05);
  --mc-geo-event-rule:      var(--mc-coral-600);
}

/* ── Modificateur de table ── */
.mc-geotable {
  /* La colonne "période" est plus large, la date est fixe */
  table-layout: auto;
}

/* ── Ligne d'ère (en-tête de groupe) ── */
.mc-geotable__era-row > td,
.mc-geotable__era-row > th {
  padding: 5px var(--mc-tbl-pad-h);
  font-family: var(--mc-font-ui);
  font-size: .62em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .2em;
  border: none;
  /* Pas de border-bottom ici — la règle vient du label */
}

/* Paléozoïque */
.mc-geotable__era-row--paleozoic > td,
.mc-geotable__era-row--paleozoic > th {
  background: #eaecf0;
  color: var(--mc-geo-paleozoic-text);
  border-top: 2px solid var(--mc-geo-paleozoic-rule);
  border-bottom: 1px solid rgba(100,110,130,.2);
}
/* Mésozoïque */
.mc-geotable__era-row--mesozoic > td,
.mc-geotable__era-row--mesozoic > th {
  background: var(--mc-green-50);
  color: var(--mc-geo-mesozoic-text);
  border-top: 2px solid var(--mc-geo-mesozoic-rule);
  border-bottom: 1px solid rgba(44,121,100,.16);
}
/* Cénozoïque */
.mc-geotable__era-row--cenozoic > td,
.mc-geotable__era-row--cenozoic > th {
  background: var(--mc-amber-50);
  color: var(--mc-geo-cenozoic-text);
  border-top: 2px solid var(--mc-geo-cenozoic-rule);
  border-bottom: 1px solid rgba(184,146,46,.2);
}

/* Label interne de l'ère */
.mc-geotable__era-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.mc-geotable__era-label::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 2px;
  background: currentColor;
  opacity: .6;
  border-radius: 1px;
  flex-shrink: 0;
}

/* ── Cellule période géologique ── */
.mc-geotable__period {
  font-family: var(--mc-font-body);
  font-style: italic;
  font-weight: 700;
  font-size: .88em;
  color: var(--mc-gray-900);
  vertical-align: middle;
  padding: var(--mc-tbl-pad-v) var(--mc-tbl-pad-h);
  line-height: 1.3;
}

/* ── Cellule de date / Ma ── */
.mc-geotable__date {
  font-family: var(--mc-font-mono);
  font-size: .78em;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  color: var(--mc-gray-500);
  letter-spacing: .02em;
  vertical-align: middle;
  padding: var(--mc-tbl-pad-v) var(--mc-tbl-pad-h);
  font-variant-numeric: tabular-nums;
}

/* ── Teintes de ligne par ère ── */

/* Paléozoïque — fond gris-bleu discret */
.mc-geotable__row--paleozoic {
  background: var(--mc-geo-paleozoic-bg);
}
.mc-geotable__row--paleozoic .mc-geotable__period { color: var(--mc-geo-paleozoic-text); }
.mc-geotable__row--paleozoic .mc-geotable__date   { color: #6070a0; }
.mc-geotable__row--paleozoic:hover { background: rgba(100,110,130,.1) !important; }

/* Mésozoïque — fond vert très pâle */
.mc-geotable__row--mesozoic {
  background: var(--mc-geo-mesozoic-bg);
}
.mc-geotable__row--mesozoic .mc-geotable__period { color: var(--mc-geo-mesozoic-text); }
.mc-geotable__row--mesozoic .mc-geotable__date   { color: var(--mc-green-600); }
.mc-geotable__row--mesozoic:hover { background: rgba(29,80,67,.09) !important; }

/* Cénozoïque — fond ambre très pâle */
.mc-geotable__row--cenozoic {
  background: var(--mc-geo-cenozoic-bg);
}
.mc-geotable__row--cenozoic .mc-geotable__period { color: var(--mc-geo-cenozoic-text); }
.mc-geotable__row--cenozoic .mc-geotable__date   { color: var(--mc-amber-600); }
.mc-geotable__row--cenozoic:hover { background: rgba(184,146,46,.1) !important; }

/* Ligne d'événement majeur (extinction, discontinuité) */
.mc-geotable__row--event {
  background: var(--mc-geo-event-bg) !important;
}
.mc-geotable__row--event .mc-geotable__period { color: var(--mc-coral-800); font-style: normal; }
.mc-geotable__row--event .mc-geotable__date   { color: var(--mc-coral-600); }
.mc-geotable__row--event .mc-table__td:first-child {
  border-left: 2px solid var(--mc-geo-event-rule);
}
.mc-geotable__row--event:hover { background: rgba(220,38,38,.08) !important; }

/* ── Marker de Ma (petite étiquette) ── */
.mc-geotable__ma {
  font-family: var(--mc-font-mono);
  font-size: .65em;
  font-weight: 700;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 3px;
  letter-spacing: .02em;
  white-space: nowrap;
  vertical-align: middle;
  margin-left: 2px;
}
.mc-geotable__ma--paleo { background: #e4e8f0; color: var(--mc-geo-paleozoic-text); }
.mc-geotable__ma--meso  { background: var(--mc-green-50); color: var(--mc-green-800); border: 1px solid var(--mc-green-100); }
.mc-geotable__ma--ceno  { background: var(--mc-amber-50); color: var(--mc-amber-800); border: 1px solid #fde68a; }
.mc-geotable__ma--event { background: var(--mc-coral-50); color: var(--mc-coral-800); border: 1px solid #fca5a5; }

@media (max-width: 580px) {
  .mc-geotable__era-label { letter-spacing: .1em; }
}