/*
 * SUD éducation Université de La Réunion
 * Charte graphique rouge / noir / blanc, calquée sur le logo (#FF0011).
 * Fichier chargé en dernier : surcharge theme.css sans !important.
 */

:root {
  --sud-red: #FF0011;        /* rouge du logo, pour les aplats */
  --sud-red-ink: #CC0010;    /* rouge assombri, pour le texte des liens (contraste AA) */
  --sud-black: #000000;
}

/* Reprend les variables d'accent de quark2 */
:root,
:root[data-theme="light"],
:root[data-theme="dark"] {
  --q2-accent: var(--sud-red);
  --q2-accent-contrast: #ffffff;
  --q2-link: var(--sud-red-ink);
  --q2-focus-ring: color-mix(in oklab, var(--sud-red) 45%, transparent);
}

/* ---- Logo ---- */
.navbar-brand img,
.mobile-logo img {
  height: 52px;
  width: auto;
  display: block;
}

/* ---- En-tête : filet rouge sous la barre ---- */
#header {
  border-bottom: 3px solid var(--sud-red);
}

/* ---- Navigation ---- */
.navbar .navigation a {
  font-weight: 600;
}
.navbar .navigation a:hover,
.navbar .navigation .active > a {
  color: var(--sud-red-ink);
}

/* ---- Titres ---- */
h1, h2, h3 {
  color: var(--sud-black);
}
h1 { letter-spacing: -0.01em; }

/* ---- Liens de contenu ---- */
#body-wrapper a {
  color: var(--sud-red-ink);
  text-decoration-color: rgba(255, 0, 17, 0.4);
}
#body-wrapper a:hover {
  text-decoration-color: var(--sud-red);
}

/* ---- Boutons ---- */
.button,
a.button,
button:not(.button_container),
input[type="submit"] {
  background: var(--sud-red);
  color: #fff;
  border-color: var(--sud-red);
}
.button:hover,
a.button:hover {
  background: var(--sud-red-ink);
  border-color: var(--sud-red-ink);
}

/* ---- Citations et filets ---- */
blockquote {
  border-left: 4px solid var(--sud-red);
}
hr {
  border: 0;
  border-top: 2px solid var(--sud-red);
  opacity: 0.5;
}

/* ---- Pied de page ---- */
#footer {
  background: var(--sud-black);
  color: #fff;
  border-top: 4px solid var(--sud-red);
  margin-top: 3rem;
}
#footer a { color: #fff; text-decoration: underline; }
#footer a:hover { color: var(--sud-red); }

.sud-footer-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 3rem;
  justify-content: space-between;
}
.sud-footer-grid h3 {
  color: #fff;
  font-size: 1rem;
  margin: 0 0 0.4rem;
}
.sud-footer-grid ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sud-footer-legal {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 1.2rem;
  padding-top: 1rem;
  font-size: 0.85rem;
}
.sud-footer-legal a { margin-right: 1.2rem; }