/*
 * Thème de status.alcinae.com, calé sur infra/apps/alcinae/assets/style.css
 * (--navy #14145C, --rust #B84A25). Chargé après themes/light.css (voir
 * status-website.theme et status-website.links dans .upptimerc.yml) : les
 * variables ci-dessous surchargent celles du thème par défaut d'Upptime,
 * même quand ce dernier utilise !important sur une déclaration qui LIT la
 * variable (ex. .tag.up { background: var(--tag-up-background-color)
 * !important }) puisque c'est la valeur de la variable qui change, pas la
 * règle. Liste exhaustive des variables : upptime/status-page
 * static/themes/light.css, lue le 2026-09-16.
 *
 * Pas de mode sombre (retiré le 2026-09-16, décision utilisateur : non
 * pertinent pour cette page). `theme: light` dans .upptimerc.yml force le
 * thème clair quel que soit le système du visiteur.
 */

:root {
  --body-background-color: #ffffff;
  --body-text-color: #1f2937;
  --body-muted-color: #6b7280;
  --card-background-color: #f8f9fa;
  --card-border-color: #e5e7eb;
  --nav-background-color: #ffffff;
  --nav-border-bottom-color: #e5e7eb;
  --nav-current-border-bottom-color: #b84a25;
  --brand-color: #14145c;
  --accent-color: #b84a25;

  /* États des sondes : couleurs sémantiques classiques, volontairement
     distinctes du rust de la marque pour ne jamais laisser croire qu'un
     accent de navigation est un état "dégradé". */
  --up-border-left-color: #16a34a;
  --down-border-left-color: #dc2626;
  --down-background-color: #fee2e2;
  --degraded-border-left-color: #d97706;
  --tag-color: #ffffff;
  --tag-up-background-color: #16a34a;
  --tag-down-background-color: #dc2626;
  --tag-degraded-background-color: #d97706;
  --change-background-color: #fef3c7;

  --error-button-border-color: #14145c;
  --error-button-background-color: #14145c;
  --error-button-color: #ffffff;
  --submit-button-border-color: #14145c;
  --submit-button-background-color: #14145c;
  --submit-button-color: #ffffff;

  --graph-opacity: 1;
  --graph-filter: none;
}

/* ── Typographie ── */
body {
  font-family: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  line-height: 1.55;
}

.container {
  max-width: 860px;
}

h1 {
  font-size: clamp(1.75rem, 4vw, 2.3rem);
  font-weight: 800;
  color: var(--brand-color);
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin-bottom: 0.4rem;
}

h2 {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--brand-color);
  letter-spacing: -0.01em;
}

h3 {
  color: var(--body-muted-color);
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
  opacity: 1;
}

h4 {
  font-size: 1rem;
}

header p.lead {
  color: var(--body-muted-color);
  max-width: 46ch;
}

/* ── Nav ── */
nav {
  margin-bottom: 2.5rem;
}

nav .logo {
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--brand-color);
  font-size: 1.05rem;
}

nav .logo img {
  border-radius: 0;
  height: 2.25rem !important;
}

/* ── Cartes (services, incidents, maintenances) ── */
article {
  border-radius: 0.5rem;
  padding: 1.1rem 1.25rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

article.link {
  cursor: pointer;
}

article.link:hover {
  border-color: var(--accent-color);
  box-shadow: 0 1px 3px rgba(20, 20, 92, 0.08);
}

article + article {
  margin-top: 0.6rem;
}

/* Le titre d'un module (page de détail) ne doit plus se comporter comme
   un lien : le script status-website.js (.upptimerc.yml) retire déjà
   `href`, ceci retire la dernière trace visuelle (curseur, focus ring
   hérité d'<a>). */
main h1 a.no-underline {
  cursor: default;
  outline: none;
  color: inherit;
}

/* ── Sélecteur de période (24h/7j/30j/1an/Tout) ── */
.r label {
  padding: 0.3rem 0.6rem;
  border-radius: 0.3rem;
  cursor: pointer;
}

.r input:checked + label {
  background: var(--card-border-color);
  color: var(--brand-color);
}

/* ── Footer ── */
footer {
  border-top: 1px solid var(--card-border-color);
  padding-top: 1.5rem;
  font-size: 0.85rem;
}