/**
 * Styles de base et tokens pour les thèmes Sitaudis 2026
 * Sans dépendance externe - CSS Grid & Custom Properties
 * 4 thèmes complets :
 * - digital_vibrant : Couleurs vives d'origine (identités par section)
 * - editorial_sobre  : Version sobre & épurée avec accents doux
 * - grand_format     : Version 3 très sobre, À la une dense, 4 parutions larges avec image à gauche, textes longs, titres poésie centraux
 * - neo_flashy       : Version 4 ultra moderne, flashy, contrastes vifs, cyberpunk/avant-garde chic
 */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Yanone+Kaffeesatz:wght@100;200;300;400;500;600;700&display=swap');

:root {
  /* Identités couleurs officielles par section de Sitaudis */
  --color-parutions: #3366ff;
  --color-incitations: #995588;
  --color-poemes-et-fictions: #ff4040;
  --color-apparitions: #669966;
  --color-poetes: #ff0099;
  --color-celebrations: #556677;
  --color-prescriptions: #8F655D;
  --color-videactions: #00ccee;
  --color-feuilletons: #3A548A;
  --color-citations: #003366;
  --color-auditions: #e23135;
  --color-photos-fictions: #4c879d;
  --color-liens: #C028E5;
  --color-newsletter: #4fb4d2;

  /* Typographie */
  --font-title: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: 'Newsreader', 'Georgia', 'Times New Roman', serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Rayons et ombres */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.05);
  --shadow-hover: 0 12px 30px rgba(0, 0, 0, 0.12);
  --transition-smooth: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   THÈME 1 : Digital Vibrant (Couleurs vives d'origine)
   ========================================================================== */
[data-theme="digital_vibrant"] {
  --bg-page: #f8fafc;
  --bg-surface: #ffffff;
  --bg-nav: #0f172a;
  --text-main: #0f172a;
  --text-muted: #64748b;
  --border-color: #e2e8f0;
  --badge-opacity: 1;
  --card-border: 1px solid rgba(0, 0, 0, 0.06);
}

/* ==========================================================================
   THÈME 2 : Éditorial Sobre & Épuré
   ========================================================================== */
[data-theme="editorial_sobre"] {
  --bg-page: #faf9f6;
  --bg-surface: #ffffff;
  --bg-nav: #1c1917;
  --text-main: #1c1917;
  --text-muted: #78716c;
  --border-color: #e7e5e4;
  --badge-opacity: 0.15;
  --card-border: 1px solid #e7e5e4;

  --color-parutions: #2c3e50;
  --color-incitations: #4a3b47;
  --color-poemes-et-fictions: #8b3a3a;
  --color-apparitions: #47554b;
  --color-poetes: #5c3a4d;
  --color-liens: #583e5c;
  --color-citations: #2b3b4c;
  --color-celebrations: #444d56;
  --color-prescriptions: #5a4843;
  --color-auditions: #6b3535;
  --color-videactions: #2b555e;
  --color-feuilletons: #324057;
  --color-newsletter: #35535c;
  --color-photos-fictions: #3b4d54;
}

/* ==========================================================================
   THÈME 3 : Grand Format & Revue Sobre (Moins de tuiles, grands visuels, textes longs)
   ========================================================================== */
[data-theme="grand_format"] {
  --bg-page: #fbfbfb;
  --bg-surface: #ffffff;
  --bg-nav: #111111;
  --text-main: #111111;
  --text-muted: #555555;
  --border-color: #eaeaea;
  --card-border: 1px solid #eaeaea;
}

/* Spécificités Thème 3 : À la une sobre sans couleurs, textes plus serrés */
/* Spécificités Thème 3 : À la une sobre sans contour, textes épurés avec discrets intercalaires */
[data-theme="grand_format"] .sitaudis-featured-card,
.sitaudis-featured-card {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

[data-theme="grand_format"] .featured-items-list .featured-item,
.featured-items-list .featured-item {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  margin-bottom: 0 !important;
  padding: 14px 0 14px 18px !important;
  position: relative !important;
  border-bottom: 1px solid #777E85 !important;
  /* Trait de séparation gris plus foncé et bien visible */
}

/* Puce noire pour chaque texte à la une */
[data-theme="grand_format"] .featured-items-list .featured-item::before,
.featured-items-list .featured-item::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 22px !important;
  width: 6px !important;
  height: 6px !important;
  background-color: #000000 !important;
  border-radius: 50% !important;
}

[data-theme="grand_format"][data-mode="dark"] .featured-items-list .featured-item::before {
  background-color: #ffffff !important;
}

[data-theme="grand_format"][data-mode="dark"] .featured-items-list .featured-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.featured-items-list .featured-item:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

/* Pastilles de couleur de section (Thème Grand Format V3 comme en V6) */
[data-theme="grand_format"] .sitaudis-card-badge {
  display: inline-block !important;
  border-radius: 20px !important;
  padding: 2px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  color: #ffffff !important;
  margin-top: 4px !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
  align-self: flex-start !important;
  line-height: 1.5 !important;
}

/* Couleurs historiques officielles des sections pour les pastilles */
[data-theme="grand_format"] .Parutions .sitaudis-card-badge,
[data-theme="grand_format"] .featured-item.Parutions .sitaudis-card-badge,
[data-theme="grand_format"] .feature-horizontal-card.Parutions .sitaudis-card-badge {
  background-color: #3366ff !important;
}

[data-theme="grand_format"] .Incitations .sitaudis-card-badge,
[data-theme="grand_format"] .featured-item.Incitations .sitaudis-card-badge,
[data-theme="grand_format"] .feature-horizontal-card.Incitations .sitaudis-card-badge {
  background-color: #995588 !important;
}

[data-theme="grand_format"] .Poemes-et-fictions .sitaudis-card-badge,
[data-theme="grand_format"] .featured-item.Poemes-et-fictions .sitaudis-card-badge,
[data-theme="grand_format"] .feature-horizontal-card.Poemes-et-fictions .sitaudis-card-badge {
  background-color: #ff4040 !important;
}

[data-theme="grand_format"] .Apparitions .sitaudis-card-badge,
[data-theme="grand_format"] .featured-item.Apparitions .sitaudis-card-badge,
[data-theme="grand_format"] .feature-horizontal-card.Apparitions .sitaudis-card-badge {
  background-color: #669966 !important;
}

[data-theme="grand_format"] .Celebrations .sitaudis-card-badge,
[data-theme="grand_format"] .featured-item.Celebrations .sitaudis-card-badge,
[data-theme="grand_format"] .feature-horizontal-card.Celebrations .sitaudis-card-badge {
  background-color: #556677 !important;
}

[data-theme="grand_format"] .Prescriptions .sitaudis-card-badge,
[data-theme="grand_format"] .featured-item.Prescriptions .sitaudis-card-badge,
[data-theme="grand_format"] .feature-horizontal-card.Prescriptions .sitaudis-card-badge {
  background-color: #8f655d !important;
}

[data-theme="grand_format"] .Auditions .sitaudis-card-badge,
[data-theme="grand_format"] .featured-item.Auditions .sitaudis-card-badge,
[data-theme="grand_format"] .feature-horizontal-card.Auditions .sitaudis-card-badge {
  background-color: #e23135 !important;
}

[data-theme="grand_format"] .Videactions .sitaudis-card-badge,
[data-theme="grand_format"] .featured-item.Videactions .sitaudis-card-badge,
[data-theme="grand_format"] .feature-horizontal-card.Videactions .sitaudis-card-badge {
  background-color: #00ccee !important;
}

[data-theme="grand_format"] .Feuilletons .sitaudis-card-badge,
[data-theme="grand_format"] .featured-item.Feuilletons .sitaudis-card-badge,
[data-theme="grand_format"] .feature-horizontal-card.Feuilletons .sitaudis-card-badge {
  background-color: #3a548a !important;
}

[data-theme="grand_format"] .card-sans-image .sitaudis-card-badge {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Organisation supérieure : À la une + Sidebar sur grand écran, et réordonné sur mobile */
.sitaudis-top-layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-areas:
    "main sidebar"
    "features features";
  gap: 24px;
  margin-bottom: 28px;
  width: 100%;
}

.sitaudis-featured-main {
  grid-area: main;
  min-width: 0;
}

.sitaudis-featured-sidebar {
  grid-area: sidebar;
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

.grand-format-features-section {
  grid-area: features;
  margin-top: 10px;
  margin-bottom: 12px;
  width: 100%;
}

/* Formulaire de filtrage */
.scroll-filters {
  width: 100%;
  margin-bottom: 24px;
  padding: 15px;
  background: #e4ebf0;
  border-radius: 8px;
  border: 1px solid #d0dbe2;
  box-sizing: border-box;
}

[data-mode="dark"] .scroll-filters {
  background: #242c40;
  border-color: #3b4664;
}

.scroll-filter-form {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 !important;
  margin-bottom: 0 !important;
}

.filter-controls-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  flex: 1 1 auto;
}

.filter-actions-right {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.filter-label {
  font-weight: 600;
  margin-right: 5px;
  color: var(--text-primary);
  white-space: nowrap;
}

.filter-select {
  padding: 8px 12px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background: var(--bg-input);
  color: var(--text-primary);
  font-size: 14px;
  min-width: auto;
  width: auto;
  height: 38px;
  box-sizing: border-box;
  margin-bottom: 0 !important;
}

.filter-submit {
  padding: 8px 18px;
  background: #4a4a4a;
  color: #fff;
  border: 1px solid #4a4a4a;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  height: 38px;
  box-sizing: border-box;
  transition: all 0.2s ease;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin-bottom: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.filter-submit:hover {
  background: #2b2b2b;
  border-color: #2b2b2b;
  color: #fff;
}

.filter-reset,
.filter-reset.btn-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  background: #888888;
  color: #ffffff !important;
  border: 1px solid #777777;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  height: 38px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 0 !important;
  white-space: nowrap;
}

.filter-reset:hover,
.filter-reset.btn-reset:hover {
  background: #9c9c9c;
  color: #ffffff !important;
  text-decoration: none;
}

/* Séparateurs mensuels */
.month-separator {
  width: 100%;
  margin: 30px 0 20px 0;
  text-align: center;
  position: relative;
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.month-title {
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 2.5rem;
  font-weight: 100;
  color: #2e242b;
  margin: 0;
  text-transform: capitalize;
  border: 0;
  border-bottom: 1px solid #2e242b;
  padding-bottom: 10px;
  display: inline-block;
  line-height: 1.2;
}

/* Sur grand écran, le séparateur s'étend sur toute la largeur de la grille */
@media (min-width: 860px) {
  .month-separator {
    grid-column: 1 / -1;
  }
}

/* Sur mobile ou tout petit écran (< 860px) :
   les deux blocs citation et promo des éditions passent SOUS les 3 à la une + les visuels ! */
@media (max-width: 860px) {
  .sitaudis-top-layout {
    display: flex !important;
    flex-direction: column !important;
  }

  .sitaudis-featured-main {
    order: 1;
  }

  .grand-format-features-section {
    order: 2;
  }

  .sitaudis-featured-sidebar {
    order: 3;
    margin-top: 16px;
  }
}

/* Bloc Citation : reprise du code couleur officiel des citations (#003366 / #036) */
[data-theme="grand_format"] .sitaudis-quote-card,
.sitaudis-quote-card {
  border: 1px solid #777E85 !important;
  border-left: 4px solid #003366 !important;
  /* Code couleur officiel Citations */
  border-radius: 4px !important;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.08) !important;
  background: var(--bg-surface) !important;
  padding: 20px 22px !important;
}

[data-theme="grand_format"] .sitaudis-quote-link,
.sitaudis-quote-link {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  color: #003366 !important;
  /* Code couleur officiel Citations */
}

[data-theme="grand_format"] .sitaudis-quote-link:hover,
.sitaudis-quote-link:hover {
  text-decoration: underline !important;
  color: #002244 !important;
}

/* Bloc Éditions Sitaudis : cadre visuel délimitant */
[data-theme="grand_format"] .sitaudis-editions-card,
.sitaudis-editions-card {
  border: 1px solid #777E85 !important;
  /* Cadre visuel limitant le bloc */
  border-radius: 4px !important;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.08) !important;
  background: var(--bg-surface) !important;
  padding: 20px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Barre combinée : Partage sur les réseaux (50%) & Source préférée Google (40%) sur la même ligne */
.sitaudis-hp-actions-bar {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 12px;
  margin-bottom: 8px;
}

.sitaudis-hp-actions-bar .sitaudis-hp-social-col {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

.sitaudis-hp-actions-bar .sitaudis-hp-google-col {
  flex: 0 0 40% !important;
  max-width: 40% !important;
  display: flex !important;
  justify-content: flex-end !important;
}

/* Badge Promotion Google Source */
.sitaudis-google-source-btn {
  display: block !important;
  line-height: 0 !important;
  text-decoration: none !important;
  border-radius: 8px;
  overflow: hidden;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.sitaudis-google-source-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
}

.sitaudis-google-badge {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Bloc Partage Réseaux Sociaux : Texte au-dessus puis 3 boutons à la ligne */
.sitaudis-hp-social-col ul.btnSoc {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 10px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  list-style: none !important;
}

/* "Partager sur :" occupe 100% de la largeur pour forcer le retour à la ligne */
.sitaudis-hp-social-col ul.btnSoc li:first-child {
  flex-basis: 100% !important;
  width: 100% !important;
  margin-bottom: 4px !important;
}

.sitaudis-hp-social-col ul.btnSoc li {
  float: none !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.sitaudis-hp-social-col ul.btnSoc li strong {
  font-family: var(--font-title);
  font-size: 12px;
  color: var(--text-muted);
  font-weight: 600;
  display: block !important;
}

/* Masquer le bloc d'ancien "like" Facebook pour ne garder que les 3 boutons de partage */
.sitaudis-hp-social-col ul.btnSoc li.likeFCB {
  display: none !important;
}

@media (max-width: 768px) {
  .sitaudis-hp-actions-bar {
    flex-direction: column !important;
    gap: 14px !important;
    align-items: center !important;
  }

  .sitaudis-hp-actions-bar .sitaudis-hp-social-col,
  .sitaudis-hp-actions-bar .sitaudis-hp-google-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .sitaudis-hp-social-col ul.btnSoc {
    justify-content: center !important;
  }
}

/* En mode clair : on affiche l'image claire et on masque la sombre */
.sitaudis-google-badge-light {
  display: block !important;
}

.sitaudis-google-badge-dark {
  display: none !important;
}

/* En mode sombre : on bascule vers le badge sombre */
[data-mode="dark"] .sitaudis-google-badge-light {
  display: none !important;
}

[data-mode="dark"] .sitaudis-google-badge-dark {
  display: block !important;
}

/* Grille des 6 derniers textes avec visuels (sur 2 lignes donc 3 par ligne sur grand écran) */
.grand-format-features-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100%;
}

@media (max-width: 1100px) {
  .grand-format-features-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .grand-format-features-grid {
    grid-template-columns: 1fr !important;
  }
}

.feature-horizontal-card {
  background: var(--bg-surface);
  border: 1px solid #777E85 !important;
  /* Bordure éclaircie */
  border-radius: 4px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch;
  min-height: 240px;
  overflow: hidden !important;
  /* L'image épouse parfaitement l'arrondi */
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.08) !important;
  /* Petite ombre portée sur la droite et vers le bas */
  transition: var(--transition-smooth);
  margin: 0 !important;
  padding: 0 !important;
}

.feature-card-image-wrap {
  flex: 0 0 38% !important;
  max-width: 38% !important;
  min-height: 100%;
  background: #f1f5f9;
  border-right: 1px solid #777E85;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  overflow: hidden !important;
  display: flex;
  align-items: stretch;
  margin: 0 !important;
  padding: 0 !important;
}

.feature-card-image {
  width: 100% !important;
  height: 100% !important;
  min-height: 240px;
  object-fit: cover;
  transition: transform 0.3s ease;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

.feature-horizontal-card:hover .feature-card-image {
  transform: scale(1.03);
}

.feature-card-content {
  flex: 1;
  padding: 24px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* Sur écrans moyens et mobiles : passage en disposition verticale (image en haut, contenu en bas) */
@media (max-width: 768px) {
  .feature-horizontal-card {
    flex-direction: column !important;
    min-height: auto !important;
    align-items: stretch !important;
  }

  .feature-card-image-wrap {
    flex: 0 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 190px !important;
    min-height: 190px !important;
    border-right: none !important;
    border-bottom: 1px solid #777E85 !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    border-bottom-left-radius: 0 !important;
  }

  .feature-card-image {
    width: 100% !important;
    height: 100% !important;
    min-height: 190px !important;
    max-height: 190px !important;
    object-fit: cover !important;
  }

  .feature-card-content {
    flex: 1 1 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 16px 18px !important;
  }

  .feature-card-content .sitaudis-card-title {
    font-size: 18px !important;
    margin: 0 0 6px 0 !important;
  }

  .feature-card-content .sitaudis-card-author {
    font-size: 13.5px !important;
    margin-bottom: 8px !important;
  }

  .feature-card-content .sitaudis-card-excerpt {
    font-size: 14px !important;
    -webkit-line-clamp: 4 !important;
  }
}

/* Optimisation spécifique pour les très petits écrans (< 400px) */
@media (max-width: 400px) {
  .feature-card-image-wrap {
    height: 150px !important;
    min-height: 150px !important;
  }

  .feature-card-image {
    min-height: 150px !important;
    max-height: 150px !important;
  }

  .feature-card-content {
    padding: 14px 14px !important;
  }

  .feature-card-content .sitaudis-card-title {
    font-size: 16.5px !important;
  }

  .feature-card-content .sitaudis-card-excerpt {
    -webkit-line-clamp: 3 !important;
    line-height: 1.45 !important;
  }
}

.feature-card-content .sitaudis-card-title {
  font-family: var(--font-title);
  font-size: 22px !important;
  line-height: 1.35;
  margin: 0 0 10px;
  font-weight: 700;
}

.feature-card-content .sitaudis-card-author {
  font-size: 15px;
  color: var(--text-muted);
  margin-bottom: 14px;
}

.feature-card-content .sitaudis-card-excerpt {
  font-size: 15px;
  line-height: 1.65;
  color: #2b2b2b;
  -webkit-line-clamp: 8 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

/* ==========================================================================
   THÈME 3 : Tuiles de la grille principale (Taille réduite, +1 tuile par ligne sur grand écran)
   ========================================================================== */
[data-theme="grand_format"] .sitaudis-grid-container {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  gap: 20px !important;
}

@media (min-width: 1200px) {
  [data-theme="grand_format"] .sitaudis-grid-container {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (min-width: 1450px) {
  [data-theme="grand_format"] .sitaudis-grid-container {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

@media (min-width: 1750px) {
  [data-theme="grand_format"] .sitaudis-grid-container {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

/* Bordure éclaircie identique pour TOUS les types de textes (Apparitions, Incitations, Parutions, Poèmes, etc.) */
[data-theme="grand_format"] .sitaudis-card,
[data-theme="grand_format"] .sitaudis-card.Apparitions,
[data-theme="grand_format"] .sitaudis-card.Parutions,
[data-theme="grand_format"] .sitaudis-card.Incitations,
[data-theme="grand_format"] .sitaudis-card.Poemes-et-fictions,
[data-theme="grand_format"] .sitaudis-card.Celebrations,
[data-theme="grand_format"] .sitaudis-card.Prescriptions,
[data-theme="grand_format"] .sitaudis-card.Auditions,
[data-theme="grand_format"] .sitaudis-card.Videactions,
[data-theme="grand_format"] .sitaudis-card.Feuilletons {
  border: 1px solid #777E85 !important;
  border-top: 1px solid #777E85 !important;
  border-radius: 4px !important;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.08) !important;
  /* Petite ombre portée sur la droite et vers le bas */
  overflow: hidden !important;
  padding: 0 !important;
  transition: var(--transition-smooth);
}

[data-theme="grand_format"] .sitaudis-card:hover {
  transform: translateY(-2px);
  box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.12) !important;
}

/* Image de bord à bord : ni marge ni padding dans la tuile, AUCUN border-bottom */
[data-theme="grand_format"] .sitaudis-card a:has(.sitaudis-card-image),
[data-theme="grand_format"] .sitaudis-card-image-wrap {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  border: none !important;
}

[data-theme="grand_format"] .sitaudis-card .sitaudis-card-image {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: block !important;
  border: none !important;
  border-bottom: none !important;
  /* Image non bordée en bas */
  aspect-ratio: 16 / 10;
  max-height: 200px;
  object-fit: cover;
}

/* Corps de texte de la tuile */
[data-theme="grand_format"] .sitaudis-card .sitaudis-card-body {
  padding: 14px 16px !important;
}

[data-theme="grand_format"] .sitaudis-card-title {
  font-size: 17px !important;
  line-height: 1.35;
  margin: 0 0 6px !important;
}

[data-theme="grand_format"] .sitaudis-card-author {
  font-size: 13.5px !important;
  margin-bottom: 8px !important;
}

/* Résumé avec texte lisible et concis */
[data-theme="grand_format"] .sitaudis-card-excerpt {
  -webkit-line-clamp: 5 !important;
  display: -webkit-box !important;
  font-size: 13.5px !important;
  line-height: 1.55;
  color: #333;
  margin: 0 !important;
}

/* Tuiles sans image : alignement et centrage vertical du contenu */
.sitaudis-card.card-sans-image {
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  padding: 0 !important;
  min-height: 200px;
}

.sitaudis-card.card-sans-image .sitaudis-card-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  text-align: left !important;
  padding: 18px 15px !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.sitaudis-card.card-sans-image .sitaudis-card-badge {
  align-self: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.sitaudis-card.card-sans-image .sitaudis-card-title {
  text-align: left !important;
  margin: 0 0 8px !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  width: 100% !important;
}

.sitaudis-card.card-sans-image .sitaudis-card-author {
  text-align: left !important;
  font-size: 14px !important;
  width: 100% !important;
  margin: 0 0 10px 0 !important;
}

.sitaudis-card.card-sans-image .sitaudis-card-excerpt {
  text-align: left !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Section Poésie contemporaine */
[data-theme="grand_format"] .sitaudis-card.Poemes-et-fictions {
  text-align: center;
  background: #fdfdfd;
  padding: 24px 16px !important;
  justify-content: center;
  align-items: center;
  min-height: 180px;
}

[data-theme="grand_format"] .sitaudis-card.Poemes-et-fictions .sitaudis-card-title {
  font-family: var(--font-serif);
  font-size: 22px !important;
  line-height: 1.3;
  margin: 0 auto 8px;
  text-align: center;
  font-weight: 700;
}

[data-theme="grand_format"] .sitaudis-card.Poemes-et-fictions .sitaudis-card-author {
  font-size: 16px;
  text-align: center;
  margin-bottom: 0;
}

[data-theme="grand_format"] .sitaudis-card.Poemes-et-fictions .sitaudis-card-excerpt {
  display: none !important;
  /* 0 résumé pour poésie contemporaine */
}

/* ==========================================================================
   THÈME 4 : Néo-Flashy / Ultra-Moderne (Cyberpunk & Avant-Garde Contemporaine)
   ========================================================================== */
[data-theme="neo_flashy"] {
  --bg-page: #0d0f17;
  --bg-surface: #151824;
  --bg-nav: #07090e;
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --border-color: #272c3f;
  --card-border: 1px solid #272c3f;

  --color-parutions: #00d2ff;
  --color-incitations: #ff007f;
  --color-poemes-et-fictions: #ff2a2a;
  --color-apparitions: #00ff88;
  --color-poetes: #f500ff;
  --color-liens: #b700ff;
  --color-citations: #00e5ff;
  --color-celebrations: #a855f7;
  --color-prescriptions: #ff9100;
  --color-auditions: #ff0055;
  --color-videactions: #00f0ff;
  --color-feuilletons: #6366f1;
}

[data-theme="neo_flashy"] .sitaudis-card {
  border-radius: 12px;
  background: linear-gradient(180deg, #181d2d 0%, #121520 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}

[data-theme="neo_flashy"] .sitaudis-card:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 16px 40px rgba(0, 210, 255, 0.2);
  border-color: rgba(0, 210, 255, 0.4);
}

[data-theme="neo_flashy"] .sitaudis-card-badge {
  box-shadow: 0 0 12px currentColor;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  padding: 3px 12px;
  font-weight: 800;
}

[data-theme="neo_flashy"] .sitaudis-card-title a {
  background: linear-gradient(90deg, #ffffff, #d8e2fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ==========================================================================
   THÈME 5 : L'Affiche & Le Déplié — Inspiré de "Le 1 Hebdo" (le1hebdo.fr)
   Esthétique : Fond blanc/ivoire papier de presse, typographie affirmée,
   fines lignes géométriques noires (esprit grille de pliage), respiration,
   absence totale d'artifice, mise en valeur du titre et du nom d'auteur
   ========================================================================== */
[data-theme="le1_hebdo"] {
  --bg-page: #fbf9f5;
  /* Teinte papier noble non blanchi */
  --bg-surface: #ffffff;
  --bg-nav: #141414;
  --text-main: #141414;
  --text-muted: #6b7280;
  --border-color: #141414;
  --card-border: 1px solid #141414;
  --font-title: 'Newsreader', 'Lora', Georgia, serif;
}

[data-theme="le1_hebdo"] .sitaudis-main-container {
  max-width: 1540px !important;
}

/* Encart À la une esprit "Sommaire / Une Affiche" */
[data-theme="le1_hebdo"] .sitaudis-featured-main .sitaudis-featured-card {
  border: 2px solid #141414 !important;
  background: #ffffff !important;
  padding: 24px 28px !important;
  border-radius: 0 !important;
  box-shadow: 6px 6px 0px #141414 !important;
  /* Ombre franche style presse imprimée */
}

[data-theme="le1_hebdo"] .featured-section-title {
  font-family: var(--font-title) !important;
  font-size: 24px !important;
  font-style: italic;
  font-weight: 700 !important;
  border-bottom: 2px solid #141414 !important;
  padding-bottom: 10px !important;
  margin-bottom: 18px !important;
  letter-spacing: -0.3px;
}

[data-theme="le1_hebdo"] .featured-items-list .featured-item {
  border-bottom: 1px solid #141414 !important;
  padding: 14px 0 !important;
}

[data-theme="le1_hebdo"] .featured-items-list .featured-item:last-child {
  border-bottom: none !important;
}

[data-theme="le1_hebdo"] .sitaudis-card-badge {
  display: inline-block !important;
  background: transparent !important;
  color: #141414 !important;
  border: 1px solid #141414 !important;
  border-radius: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  padding: 2px 8px !important;
}

[data-theme="le1_hebdo"] .sitaudis-card-title a {
  font-family: var(--font-title) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #141414 !important;
}

[data-theme="le1_hebdo"] .sitaudis-card-author {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #4b5563 !important;
}

/* Grille de tuiles Le 1 : Structure en colonnes de journal déplié */
[data-theme="le1_hebdo"] .sitaudis-grid-container {
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)) !important;
  gap: 24px !important;
}

@media (min-width: 1400px) {
  [data-theme="le1_hebdo"] .sitaudis-grid-container {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

[data-theme="le1_hebdo"] .sitaudis-card {
  border: 1px solid #141414 !important;
  border-top: 3px solid #141414 !important;
  border-radius: 0 !important;
  /* Angles droits nets d'imprimerie */
  box-shadow: none !important;
  background: #ffffff !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

[data-theme="le1_hebdo"] .sitaudis-card:hover {
  transform: translateY(-3px);
  box-shadow: 4px 4px 0px #141414 !important;
}

[data-theme="le1_hebdo"] .sitaudis-card .sitaudis-card-image {
  border-bottom: 1px solid #141414 !important;
  filter: contrast(105%) grayscale(15%);
  /* Teinte photographique légèrement désaturée */
}

[data-theme="le1_hebdo"] .sitaudis-quote-card {
  border: 2px solid #141414 !important;
  border-radius: 0 !important;
  background: #f3efe6 !important;
  box-shadow: 4px 4px 0px #141414 !important;
  font-family: var(--font-title);
  font-style: italic;
}


/* ==========================================================================
   THÈME 6 : Épisodes & Séries — Inspiré de "Les Jours" (lesjours.fr)
   Esthétique : Presse d'investigation feuilletonnante, pastilles rondes pop,
   numérotation / codes d'épisodes, forts contrastes, aplats rouge / corail vif,
   visuels panoramiques et typographie sans-sérif percutante (Outfit / Inter)
   ========================================================================== */
[data-theme="les_jours"] {
  --bg-page: #f4f5f7;
  --bg-surface: #ffffff;
  --bg-nav: #0f141c;
  --text-main: #0f141c;
  --text-muted: #525f7f;
  --border-color: #e2e8f0;
  --color-accent-jours: #e63946;
  /* Rouge signature Les Jours */
}

/* Encart À la une façon "Obsession en cours" */
[data-theme="les_jours"] .sitaudis-featured-main .sitaudis-featured-card {
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  padding: 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  border-left: 5px solid var(--color-accent-jours) !important;
}

[data-theme="les_jours"] .featured-section-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--color-accent-jours) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border-bottom: 2px solid #f1f5f9 !important;
  padding-bottom: 10px !important;
}

[data-theme="les_jours"] .featured-items-list .featured-item {
  position: relative;
  padding-left: 28px !important;
  border-bottom: 1px solid #edf2f7 !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* Pastille façon pastille d'épisode / obsession */
[data-theme="les_jours"] .featured-items-list .featured-item::before {
  content: "•";
  position: absolute;
  left: 6px;
  top: 14px;
  color: var(--color-accent-jours);
  font-size: 26px;
  line-height: 1;
}

/* 6 Parutions visuelles façon "Série / Feuilleton d'actualité" */
[data-theme="les_jours"] .feature-horizontal-card {
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.25s ease;
  overflow: hidden;
}

[data-theme="les_jours"] .feature-horizontal-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(230, 57, 70, 0.12) !important;
  border-color: rgba(230, 57, 70, 0.4) !important;
}

[data-theme="les_jours"] .feature-card-content .sitaudis-card-title a {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  color: #0f141c !important;
}

/* Grille principale Les Jours : Tuiles modernes avec pastille de statut */
[data-theme="les_jours"] .sitaudis-grid-container {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 22px !important;
}

[data-theme="les_jours"] .sitaudis-card {
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.25s ease;
}

[data-theme="les_jours"] .sitaudis-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;
  border-color: #cbd5e1 !important;
}

[data-theme="les_jours"] .sitaudis-card-badge {
  background: #0f141c !important;
  color: #ffffff !important;
  border-radius: 20px !important;
  padding: 3px 10px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

[data-theme="les_jours"] .sitaudis-card.Parutions .sitaudis-card-badge {
  background: #e63946 !important;
}

[data-theme="les_jours"] .sitaudis-card.Poemes-et-fictions .sitaudis-card-badge {
  background: #457b9d !important;
}

[data-theme="les_jours"] .sitaudis-card.Incitations .sitaudis-card-badge {
  background: #2a9d8f !important;
}

[data-theme="les_jours"] .sitaudis-card-title a {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 17px !important;
}

[data-theme="les_jours"] .sitaudis-quote-card {
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 4px solid var(--color-accent-jours) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

/* ==========================================================================
   MODE SOMBRE SITAUDIS 2026
   Dégradé de gris élégants (du fond très sombre à des surfaces de lecture adoucies)
   Typographie en blanc / beige doux pour reposer la vue (#f7f4ee / #e8e2d5)
   Préservation stricte des couleurs de thèmes pour pastilles, H1, badges
   ========================================================================== */
[data-mode="dark"],
[data-theme="grand_format"][data-mode="dark"] {
  --bg-page: #121316;
  --bg-surface: #1b1c21;
  --bg-nav: #0d0e11;
  --text-main: #f5f2eb;
  /* Beige / blanc chaud très agréable */
  --text-muted: #a3a19b;
  /* Beige grisé secondaire */
  --border-color: #2b2d35;
  --card-border: 1px solid #2b2d35;
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.45);
  --shadow-hover: 0 12px 30px rgba(0, 0, 0, 0.65);
}

[data-mode="dark"] body {
  background-color: var(--bg-page) !important;
  color: var(--text-main) !important;
}

[data-mode="dark"] .container.principal {
  background-color: #232529 !important;
}

[data-mode="dark"] .sitaudis-card,
[data-mode="dark"] .feature-horizontal-card {
  background-color: var(--bg-surface) !important;
  border-color: var(--border-color) !important;
}

[data-mode="dark"] .sitaudis-card-title a,
[data-mode="dark"] .feature-card-content a {
  color: var(--text-main) !important;
}

[data-mode="dark"] .sitaudis-card-excerpt,
[data-mode="dark"] .feature-card-content .sitaudis-card-excerpt {
  color: #dfdbd2 !important;
  /* Beige clair lisible */
}

[data-mode="dark"] .sitaudis-card-author,
[data-mode="dark"] .feature-card-content .sitaudis-card-author {
  color: var(--text-muted) !important;
}

[data-mode="dark"] .sitaudis-quote-card,
[data-mode="dark"] .sitaudis-editions-card {
  background-color: var(--bg-surface) !important;
  border-color: var(--border-color) !important;
}

[data-mode="dark"] .sitaudis-quote-author,
[data-mode="dark"] .sitaudis-quote-source {
  color: var(--text-muted) !important;
}

[data-mode="dark"] .sitaudis-quote-link {
  color: var(--text-main) !important;
}

[data-mode="dark"] .featured-section-title {
  color: var(--text-main) !important;
}

[data-mode="dark"] .featured-items-list .featured-item h3.sitaudis-card-title a {
  color: var(--text-main) !important;
}

/* Fil d'Ariane (Breadcrumb) : fond sobre cohérent, bordure discrète et espacement sous la barre de navigation */
.breadcrumb {
  margin-top: 1.2em !important;
  margin-bottom: 18px !important;
}

@media (min-width: 980px) {
  .breadcrumb {
    margin-top: 16px !important;
  }
}

[data-mode="dark"] .breadcrumb {
  background-color: var(--bg-surface) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-muted) !important;
  margin-top: 1.2em !important;
}

@media (min-width: 980px) {
  [data-mode="dark"] .breadcrumb {
    margin-top: 16px !important;
  }
}

[data-mode="dark"] .breadcrumb a {
  color: var(--text-muted) !important;
}

[data-mode="dark"] .breadcrumb a:hover {
  color: var(--text-main) !important;
}

[data-mode="dark"] .breadcrumb .divider {
  color: #555864 !important;
}

/* Grille et fiches d'auteurs de citations et citation-item en mode sombre :
   Fond de gris plus clair pour faire magnifiquement ressortir la couleur du thème bleu foncé (#003366 / #1d4ed8) */
[data-mode="dark"] .sitaudis-citations-grid,
[data-mode="dark"] .sitaudis-author-cards-grid.sitaudis-citations-grid {
  background: transparent !important;
}

[data-mode="dark"] .sitaudis-citation-author-card,
[data-mode="dark"] .sitaudis-citation-item {
  background: #282c35 !important;
  /* Gris moyen plus clair que le fond général #121316 */
  border-color: #3e4452 !important;
  color: #f5f2eb !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

[data-mode="dark"] .sitaudis-citation-author-card .sitaudis-author-card-name {
  color: #60a5fa !important;
  /* Bleu clair éclatant pour ressortir parfaitement sur le gris */
}

[data-mode="dark"] .sitaudis-citation-author-card .sitaudis-badge-count {
  background: rgba(96, 165, 250, 0.2) !important;
  color: #93c5fd !important;
}

[data-mode="dark"] .sitaudis-citation-author-card:hover {
  background: #323742 !important;
  border-color: #60a5fa !important;
}

[data-mode="dark"] .sitaudis-citation-item {
  border-left: 4px solid #60a5fa !important;
  /* Bleu thématique lumineux */
}

[data-mode="dark"] .sitaudis-citation-item::before {
  color: #60a5fa !important;
  opacity: 0.6 !important;
}

[data-mode="dark"] .sitaudis-citation-text {
  color: #f5f0e6 !important;
}

[data-mode="dark"] .sitaudis-citation-comment {
  color: #cbd5e1 !important;
}

/* ==========================================================================
   Positionnement de la navigation Sitaudis 2026
   ========================================================================== */
.navbar-fixed-top {
  top: 0 !important;
  z-index: 1030 !important;
}

/* Espacement sous la navbar à 2 niveaux (44px topbar + 36px bottombar = 80px) */
body {
  padding-top: 80px !important;
}

@media (max-width: 979px) {
  body {
    padding-top: 0 !important;
  }

  .navbar-fixed-top {
    top: 0 !important;
    position: static !important;
  }
}

/* ==========================================================================
   Barre de navigation à deux zones (Zone 1 : Blanc/Logo/Recherche/Newsletter - Zone 2 : Sections)
   ========================================================================== */
.sitaudis-navbar-2tier {
  background: transparent !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}

/* Zone 1 : Fond blanc */
.sitaudis-nav-topbar {
  background: #ffffff !important;
  border-bottom: 1px solid #e5e7eb !important;
  height: 44px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1032;
  box-sizing: border-box;
}

.sitaudis-nav-topbar-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
  position: relative !important;
  box-sizing: border-box !important;
}

/* Gauche : Recherche rétractable avec icône loupe */
.sitaudis-nav-topbar-left {
  flex: 1 1 0% !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  z-index: 2 !important;
}

.sitaudis-nav-search-form {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
  padding: 0;
}

.sitaudis-search-icon-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #374151;
  border-radius: 50%;
  transition: color 0.2s ease, background 0.2s ease;
  z-index: 2;
}

.sitaudis-search-icon-btn:hover {
  color: #000000;
  background: #f3f4f6;
}

.sitaudis-nav-search-input {
  width: 0 !important;
  opacity: 0 !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  background-color: #f3f4f6 !important;
  color: #111827 !important;
  border-radius: 20px !important;
  font-size: 13px !important;
  font-family: inherit !important;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, padding 0.3s ease, border-color 0.2s ease !important;
  pointer-events: none !important;
  margin: 0 0 0 6px !important;
  box-sizing: border-box !important;
  outline: none !important;
  box-shadow: none !important;
  height: 30px !important;
  line-height: 30px !important;
}

/* Au survol du formulaire ou focus dans le champ, la recherche se déploie */
.sitaudis-nav-search-form:hover .sitaudis-nav-search-input,
.sitaudis-nav-search-form:focus-within .sitaudis-nav-search-input {
  width: 170px !important;
  opacity: 1 !important;
  padding: 4px 12px !important;
  border-color: #d1d5db !important;
  pointer-events: auto !important;
}

.sitaudis-nav-search-input:focus {
  background-color: #ffffff !important;
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
}

/* Centre : Logo parfaitement centré quel que soit l'écran */
.sitaudis-nav-topbar-center {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
  z-index: 20 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
}

.sitaudis-brand-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 21 !important;
  padding: 4px 8px !important;
  transition: opacity 0.2s ease !important;
}

.sitaudis-brand-logo:hover {
  opacity: 0.82 !important;
}

.sitaudis-brand-logo img {
  height: 24px !important;
  width: auto !important;
  max-width: 144px !important;
  display: block !important;
  pointer-events: none !important;
}

/* Droite : Inscription Newsletter, Mode Sombre et Accessibilité */
.sitaudis-nav-topbar-right {
  flex: 1 1 0% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  z-index: 2 !important;
}

.sitaudis-newsletter-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #1f2937 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 4px 10px !important;
  border-radius: 16px !important;
  border: 1px solid #e5e7eb !important;
  background: #f9fafb !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.sitaudis-newsletter-link:hover {
  background: #4fb4d2 !important;
  color: #ffffff !important;
  border-color: #4fb4d2 !important;
  text-decoration: none !important;
}

.sitaudis-newsletter-icon {
  flex-shrink: 0;
}

/* Bouton bascule Mode Sombre / Clair */
.sitaudis-nav-mode-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #1f2937 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
  border-radius: 16px !important;
  border: 1px solid #e5e7eb !important;
  background: #f9fafb !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  outline: none !important;
}

.sitaudis-nav-mode-btn:hover {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}

/* Lien d'évitement WCAG (Skip to content) : totalement invisible à l'écran, accessible uniquement aux lecteurs d'écran et au focus clavier */
.sitaudis-skip-link {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  z-index: 99999;
}

.sitaudis-skip-link:focus {
  position: fixed !important;
  top: 10px !important;
  left: 16px !important;
  width: auto !important;
  height: auto !important;
  padding: 10px 18px !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  background: #111111 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
  text-decoration: underline !important;
}

/* Bouton / Lien Version Accessible */
.sitaudis-nav-a11y-link {
  display: inline-flex !important;
  align-items: center !important;
  color: #1f2937 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 4px 12px !important;
  border-radius: 16px !important;
  border: 1px solid #e5e7eb !important;
  background: #f9fafb !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.sitaudis-nav-a11y-link:hover {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
  text-decoration: none !important;
}

/* Adaptations Mode Sombre pour la topbar */
[data-mode="dark"] .sitaudis-nav-topbar {
  background: #18191c !important;
  border-bottom-color: #282a30 !important;
}

/* Le logo conserve son graphisme et ses couleurs d'origine sans inversion */
[data-mode="dark"] .sitaudis-brand-logo img {
  filter: none !important;
}

[data-mode="dark"] .sitaudis-search-icon-btn svg {
  stroke: #d1d5db !important;
}

[data-mode="dark"] .sitaudis-nav-search-input {
  color: #f3f4f6 !important;
  background: #24262c !important;
  border-color: #3b3e47 !important;
}

[data-mode="dark"] .sitaudis-newsletter-link,
[data-mode="dark"] .sitaudis-nav-mode-btn,
[data-mode="dark"] .sitaudis-nav-a11y-link {
  color: #f3f4f6 !important;
  background: #24262c !important;
  border-color: #3b3e47 !important;
}

[data-mode="dark"] .sitaudis-newsletter-link:hover {
  background: #4fb4d2 !important;
  color: #ffffff !important;
}

[data-mode="dark"] .sitaudis-nav-mode-btn:hover {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #ffffff !important;
}

[data-mode="dark"] .sitaudis-nav-a11y-link:hover {
  background: #3b82f6 !important;
  color: #ffffff !important;
  border-color: #3b82f6 !important;
}

/* Responsiveness de la topbar sur petits écrans */
@media (max-width: 768px) {

  .sitaudis-nav-label-newsletter,
  .sitaudis-mode-text,
  .sitaudis-a11y-text {
    display: none !important;
  }

  .sitaudis-newsletter-link,
  .sitaudis-nav-mode-btn,
  .sitaudis-nav-a11y-link {
    padding: 4px 8px !important;
  }
}

/* Zone 2 : Menu sections sous la barre blanche (fond noir) */
.sitaudis-nav-bottombar {
  margin: 0 !important;
  border-top: none !important;
  background: #111111 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Alignement strict à gauche avec la limite du contenu/textes (max-width: 1140px, padding: 0 20px) */
.sitaudis-nav-bottombar .container {
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.sitaudis-nav-bottombar .nav-collapse {
  margin: 0 !important;
  padding: 0 !important;
}

.sitaudis-nav-bottombar .nav {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  /* Maintien strict sur une seule ligne */
  gap: 0 !important;
  overflow: visible !important;
}

/* Le premier élément (Parutions) est collé à l'extrême gauche */
.sitaudis-nav-bottombar .nav>li:first-child>a {
  padding-left: 0 !important;
}

/* Style de base des liens du menu Zone 2 */
.sitaudis-nav-bottombar .nav>li>a {
  position: relative !important;
  display: block !important;
  padding: 9px 8px 9px !important;
  font-family: var(--font-title) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.1px !important;
  white-space: nowrap !important;
  color: #d1d5db !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 4px solid transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: color 0.15s ease, border-bottom-color 0.15s ease !important;
}

@media (min-width: 1200px) {
  .sitaudis-nav-bottombar .nav>li>a {
    font-size: 14.5px !important;
    padding: 10px 10px 10px !important;
    letter-spacing: 0 !important;
  }
}

@media (min-width: 1440px) {
  .sitaudis-nav-bottombar .nav>li>a {
    font-size: 15.5px !important;
    padding: 10px 12px 10px !important;
    letter-spacing: 0.1px !important;
  }
}

/* Neutralisation des anciens fonds colorés Bootstrap 2 au survol et actif */
.navbar-inverse .nav>li>a:hover,
.navbar-inverse .nav>li>a:focus,
.navbar-inverse .nav>.active>a,
.navbar-inverse .nav>.active>a:hover,
.navbar-inverse .nav>.active>a:focus,
.sitaudis-nav-bottombar .nav>li>a:hover,
.sitaudis-nav-bottombar .nav>li>a:focus,
.sitaudis-nav-bottombar .nav>.active>a,
.sitaudis-nav-bottombar .nav>.active>a:hover,
.sitaudis-nav-bottombar .nav>.active>a:focus {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Barres de 4px en border-bottom selon le code couleur de chaque section */
.sitaudis-nav-bottombar .nav>li.parutions>a:hover,
.sitaudis-nav-bottombar .nav>li.parutions>a:focus,
.sitaudis-nav-bottombar .nav>li.parutions.active>a {
  border-bottom-color: #3366FF !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.incitations>a:hover,
.sitaudis-nav-bottombar .nav>li.incitations>a:focus,
.sitaudis-nav-bottombar .nav>li.incitations.active>a {
  border-bottom-color: #995588 !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.poemes-et-fictions>a:hover,
.sitaudis-nav-bottombar .nav>li.poemes-et-fictions>a:focus,
.sitaudis-nav-bottombar .nav>li.poemes-et-fictions.active>a {
  border-bottom-color: #ff4040 !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.apparitions>a:hover,
.sitaudis-nav-bottombar .nav>li.apparitions>a:focus,
.sitaudis-nav-bottombar .nav>li.apparitions.active>a {
  border-bottom-color: #669966 !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.poet>a:hover,
.sitaudis-nav-bottombar .nav>li.poet>a:focus,
.sitaudis-nav-bottombar .nav>li.poet.active>a {
  border-bottom-color: #ff0099 !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.celebrations>a:hover,
.sitaudis-nav-bottombar .nav>li.celebrations>a:focus,
.sitaudis-nav-bottombar .nav>li.celebrations.active>a {
  border-bottom-color: #556677 !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.prescriptions>a:hover,
.sitaudis-nav-bottombar .nav>li.prescriptions>a:focus,
.sitaudis-nav-bottombar .nav>li.prescriptions.active>a {
  border-bottom-color: #8F655D !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.videactions>a:hover,
.sitaudis-nav-bottombar .nav>li.videactions>a:focus,
.sitaudis-nav-bottombar .nav>li.videactions.active>a {
  border-bottom-color: #00ccee !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.feuilletons>a:hover,
.sitaudis-nav-bottombar .nav>li.feuilletons>a:focus,
.sitaudis-nav-bottombar .nav>li.feuilletons.active>a {
  border-bottom-color: #3A548A !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.citations>a:hover,
.sitaudis-nav-bottombar .nav>li.citations>a:focus,
.sitaudis-nav-bottombar .nav>li.citations.active>a {
  border-bottom-color: #003366 !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.photos-fictions>a:hover,
.sitaudis-nav-bottombar .nav>li.photos-fictions>a:focus,
.sitaudis-nav-bottombar .nav>li.photos-fictions.active>a {
  border-bottom-color: #4c879d !important;
  color: #ffffff !important;
}

/* Menu déroulant Plus */
.sitaudis-nav-bottombar .nav>li.dropdown>a:hover,
.sitaudis-nav-bottombar .nav>li.dropdown>a:focus,
.sitaudis-nav-bottombar .nav>li.dropdown.open>a,
.sitaudis-nav-bottombar .nav>li.dropdown.active>a {
  border-bottom-color: #94a3b8 !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu {
  background: #18181b !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
  padding: 6px 0 !important;
  min-width: 230px !important;
  margin-top: 1px !important;
}

.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li>a {
  color: #e4e4e7 !important;
  font-family: var(--font-title) !important;
  font-size: 13px !important;
  padding: 8px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-left: 3px solid transparent !important;
  background: transparent !important;
  transition: all 0.15s ease !important;
}

.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.videactions>a:hover,
.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.videactions.active>a {
  border-left-color: #00ccee !important;
  background: rgba(0, 204, 238, 0.15) !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.prescriptions>a:hover,
.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.prescriptions.active>a {
  border-left-color: #8F655D !important;
  background: rgba(143, 101, 93, 0.15) !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.celebrations>a:hover,
.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.celebrations.active>a {
  border-left-color: #556677 !important;
  background: rgba(85, 102, 119, 0.15) !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.feuilletons>a:hover,
.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.feuilletons.active>a {
  border-left-color: #3A548A !important;
  background: rgba(58, 84, 138, 0.15) !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.citations>a:hover,
.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.citations.active>a {
  border-left-color: #003366 !important;
  background: rgba(0, 51, 102, 0.25) !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.photos-fictions>a:hover,
.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.photos-fictions.active>a {
  border-left-color: #4c879d !important;
  background: rgba(76, 135, 157, 0.15) !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.auditions>a:hover,
.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.auditions.active>a {
  border-left-color: #e23135 !important;
  background: rgba(226, 49, 53, 0.15) !important;
  color: #ffffff !important;
}

.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.liens>a:hover,
.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.liens.active>a {
  border-left-color: #C028E5 !important;
  background: rgba(192, 40, 229, 0.15) !important;
  color: #ffffff !important;
}

/* Enlever les anciens styles du logo brand de la zone 2 s'il en restait */
.sitaudis-nav-bottombar .brand {
  display: none !important;
}

/* ==========================================================================
   Collapse progressif du menu horizontal vers le sous-menu "Plus"
   Sur 1440px+ : tout le menu tient sur une ligne.
   En réduisant d'environ 120px par palier, les derniers items basculent dans "Plus"
   jusqu'à 979px où le menu hamburger standard (sandwich) prend le relais.
   ========================================================================== */

/* Par défaut sur grand écran : les items responsives dans le sous-menu "Plus" sont masqués */
.sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.dropdown-item-responsive {
  display: none !important;
}

/* Écran large (1440px+) : tous les 11 items + Plus tiennent sur une seule ligne */
@media (min-width: 1400px) {
  .sitaudis-nav-bottombar .nav {
    flex-wrap: nowrap !important;
  }
}

/* Palier 1 (~1320px) : retrait de Photos-fictions de la barre principale -> passe dans "Plus" */
@media (max-width: 1399px) and (min-width: 980px) {
  .sitaudis-nav-bottombar .nav>li.photos-fictions {
    display: none !important;
  }

  .sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.nav-collapse-item-photos-fictions {
    display: block !important;
  }
}

/* Palier 2 (~1240px) : retrait supplémentaire de Citations -> passe dans "Plus" */
@media (max-width: 1279px) and (min-width: 980px) {
  .sitaudis-nav-bottombar .nav>li.citations {
    display: none !important;
  }

  .sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.nav-collapse-item-citations {
    display: block !important;
  }
}

/* Palier 3 (~1140px) : retrait supplémentaire de Feuilletons -> passe dans "Plus" */
@media (max-width: 1159px) and (min-width: 980px) {
  .sitaudis-nav-bottombar .nav>li.feuilletons {
    display: none !important;
  }

  .sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.nav-collapse-item-feuilletons {
    display: block !important;
  }
}

/* Palier 4 (~1060px) : retrait supplémentaire de Vidéactions -> passe dans "Plus" */
@media (max-width: 1059px) and (min-width: 980px) {
  .sitaudis-nav-bottombar .nav>li.videactions {
    display: none !important;
  }

  .sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.nav-collapse-item-videactions {
    display: block !important;
  }
}

/* Sous 980px : Le menu sandwich Bootstrap standard s'active.
   Dans le menu sandwich déroulé, les items s'affichent verticalement les uns sous les autres
   dans un véritable menu mobile plein écran / déroulant fluide. */
@media (max-width: 979px) {
  .sitaudis-nav-bottombar {
    padding: 6px 0 !important;
  }

  /* Affichage et centrage / alignement du bouton burger */
  .sitaudis-nav-bottombar .btn-navbar {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    float: right !important;
    margin: 4px 0 !important;
    padding: 8px 12px !important;
    background: #1f2328 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    gap: 4px !important;
  }

  .sitaudis-nav-bottombar .btn-navbar:hover,
  .sitaudis-nav-bottombar .btn-navbar:focus {
    background: #2d333b !important;
    text-decoration: none !important;
  }

  .sitaudis-nav-bottombar .btn-navbar .icon-bar {
    display: block !important;
    background-color: #ffffff !important;
    width: 22px !important;
    height: 2px !important;
    margin: 0 !important;
    border-radius: 1px !important;
    box-shadow: none !important;
  }

  /* Passage de la liste en colonne verticale stricte */
  .sitaudis-nav-bottombar .nav-collapse {
    clear: both !important;
    width: 100% !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
  }

  .sitaudis-nav-bottombar .nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    background: #111111 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .sitaudis-nav-bottombar .nav>li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  }

  .sitaudis-nav-bottombar .nav>li:last-child {
    border-bottom: none !important;
  }

  .sitaudis-nav-bottombar .nav>li>a {
    display: flex !important;
    align-items: center !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #e5e7eb !important;
    border-bottom: none !important;
    border-left: 4px solid transparent !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
  }

  .sitaudis-nav-bottombar .nav>li:first-child>a {
    padding-left: 16px !important;
  }

  .sitaudis-nav-bottombar .nav>li>a:hover,
  .sitaudis-nav-bottombar .nav>li>a:focus {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
  }

  /* Indicateurs de couleur verticaux à gauche pour chaque rubrique sur mobile */
  .sitaudis-nav-bottombar .nav>li.parutions>a:hover,
  .sitaudis-nav-bottombar .nav>li.parutions.active>a {
    border-left-color: #3366FF !important;
    color: #ffffff !important;
  }

  .sitaudis-nav-bottombar .nav>li.incitations>a:hover,
  .sitaudis-nav-bottombar .nav>li.incitations.active>a {
    border-left-color: #FF3366 !important;
    color: #ffffff !important;
  }

  .sitaudis-nav-bottombar .nav>li.poemes-et-fictions>a:hover,
  .sitaudis-nav-bottombar .nav>li.poemes-et-fictions.active>a {
    border-left-color: #FFCC33 !important;
    color: #ffffff !important;
  }

  .sitaudis-nav-bottombar .nav>li.apparitions>a:hover,
  .sitaudis-nav-bottombar .nav>li.apparitions.active>a {
    border-left-color: #33CC99 !important;
    color: #ffffff !important;
  }

  .sitaudis-nav-bottombar .nav>li.poet>a:hover,
  .sitaudis-nav-bottombar .nav>li.poet.active>a {
    border-left-color: #9933CC !important;
    color: #ffffff !important;
  }

  .sitaudis-nav-bottombar .nav>li.celebrations>a:hover,
  .sitaudis-nav-bottombar .nav>li.celebrations.active>a {
    border-left-color: #FF9933 !important;
    color: #ffffff !important;
  }

  .sitaudis-nav-bottombar .nav>li.prescriptions>a:hover,
  .sitaudis-nav-bottombar .nav>li.prescriptions.active>a {
    border-left-color: #33CCCC !important;
    color: #ffffff !important;
  }

  .sitaudis-nav-bottombar .nav>li.videactions>a:hover,
  .sitaudis-nav-bottombar .nav>li.videactions.active>a {
    border-left-color: #E11D48 !important;
    color: #ffffff !important;
  }

  .sitaudis-nav-bottombar .nav>li.feuilletons>a:hover,
  .sitaudis-nav-bottombar .nav>li.feuilletons.active>a {
    border-left-color: #8B5CF6 !important;
    color: #ffffff !important;
  }

  .sitaudis-nav-bottombar .nav>li.citations>a:hover,
  .sitaudis-nav-bottombar .nav>li.citations.active>a {
    border-left-color: #10B981 !important;
    color: #ffffff !important;
  }

  .sitaudis-nav-bottombar .nav>li.photos-fictions>a:hover,
  .sitaudis-nav-bottombar .nav>li.photos-fictions.active>a {
    border-left-color: #F59E0B !important;
    color: #ffffff !important;
  }

  /* Dans le menu sandwich mobile, tous les liens sont déjà listés directement : masquer le dropdown "Plus" */
  .sitaudis-nav-bottombar .nav>li.dropdown {
    display: none !important;
  }

  .sitaudis-nav-bottombar .nav>li.dropdown .dropdown-menu>li.dropdown-item-responsive {
    display: none !important;
  }
}

#sitaudis-theme-switcher .switcher-title {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

#sitaudis-theme-switcher .switcher-badge {
  background: #3b82f6;
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

#sitaudis-theme-switcher .switcher-options {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}

.theme-btn {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #e2e8f0;
  padding: 4px 10px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 12px;
  transition: var(--transition-smooth);
  text-decoration: none;
  white-space: nowrap;
}

.theme-btn:hover {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
  text-decoration: none;
}

.theme-btn.active {
  background: #fff;
  color: #0f172a;
  border-color: #fff;
  font-weight: 600;
}

.dark-toggle-btn {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  padding: 4px 10px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 12px;
  margin-left: 6px;
  white-space: nowrap;
}

/* ==========================================================================
   Conteneur élargi pour grands écrans (1440px max sur grand écran)
   ========================================================================== */
body.hp .container.principal,
.container.principal {
  width: 100% !important;
  max-width: 1140px !important;
  box-sizing: border-box !important;
}

@media (min-width: 1440px) {

  body.hp .container.principal,
  .container.principal,
  .sitaudis-nav-topbar-inner,
  .sitaudis-nav-bottombar .container,
  .sitaudis-authors-directory,
  .sitaudis-search-layout,
  .sitaudis-links-layout,
  .sitaudis-citations-directory,
  .sitaudis-citations-single-layout,
  .sitaudis-videos-layout {
    max-width: 1440px !important;
  }
}

.sitaudis-modern-app {
  background: var(--bg-page);
  color: var(--text-main);
  min-height: 100vh;
  font-family: var(--font-body);
  width: 100%;
}

.sitaudis-main-container {
  max-width: 1680px;
  /* Élargi selon votre demande pour les grands écrans */
  width: 100%;
  margin: 0 auto;
  padding: 24px 20px 80px;
  box-sizing: border-box;
}

/* Encart À la Une (3 textes à la une) */
.sitaudis-featured-hero {
  display: block;
  width: 100%;
  margin-bottom: 28px;
}

.sitaudis-featured-hero .sitaudis-featured-card {
  width: 100%;
}

.sitaudis-featured-card {
  background: var(--bg-surface);
  border-radius: var(--radius-lg);
  border: var(--card-border);
  box-shadow: var(--shadow-subtle);
  padding: 22px;
}

.featured-section-title {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 16px;
  border-bottom: 2px solid var(--border-color);
  padding-bottom: 8px;
}

/* Section Citation et Promotion Éditions Sitaudis (placée sous les 4 visuels) */
.sitaudis-quote-promo-section {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  margin-top: 32px;
  margin-bottom: 36px;
  align-items: stretch;
}

@media (max-width: 860px) {
  .sitaudis-quote-promo-section {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 24px;
    margin-bottom: 28px;
  }
}

.sitaudis-quote-card {
  background: var(--bg-surface);
  border-radius: var(--radius-lg);
  border: var(--card-border);
  box-shadow: var(--shadow-subtle);
  padding: 24px 26px;
  border-left: 4px solid #3b82f6;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sitaudis-editions-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* Grille de Tuiles (Articles) */
.sitaudis-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 22px;
  margin-top: 24px;
}

/* Responsive strict selon vos consignes :
   - < 360px : 1 colonne 100% de largeur
   - > 360px : Responsive multi-colonnes adaptatif
*/
@media (max-width: 360px) {

  .sitaudis-grid-container,
  .grand-format-features-grid {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }
}

@media (min-width: 1400px) {
  .sitaudis-grid-container {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1700px) {
  .sitaudis-grid-container {
    grid-template-columns: repeat(5, 1fr);
  }
}

/* Carte Article Moderne (Tuile) */
.sitaudis-card {
  background: var(--bg-surface);
  border-radius: var(--radius-md);
  border: var(--card-border);
  box-shadow: var(--shadow-subtle);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: var(--transition-smooth);
  position: relative;
}

.sitaudis-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
}

/* Bandeau / Badge couleur selon la section */
.sitaudis-card-badge {
  display: inline-block;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  border-radius: 4px;
  margin-bottom: 10px;
  color: #fff;
  align-self: flex-start;
}

/* Assignation des couleurs par type */
.sitaudis-card.Parutions .sitaudis-card-badge {
  background: var(--color-parutions);
}

.sitaudis-card.Incitations .sitaudis-card-badge {
  background: var(--color-incitations);
}

.sitaudis-card.Poemes-et-fictions .sitaudis-card-badge {
  background: var(--color-poemes-et-fictions);
}

.sitaudis-card.Apparitions .sitaudis-card-badge {
  background: var(--color-apparitions);
}

.sitaudis-card.Celebrations .sitaudis-card-badge {
  background: var(--color-celebrations);
}

.sitaudis-card.Prescriptions .sitaudis-card-badge {
  background: var(--color-prescriptions);
}

.sitaudis-card.Auditions .sitaudis-card-badge {
  background: var(--color-auditions);
}

.sitaudis-card.Videactions .sitaudis-card-badge {
  background: var(--color-videactions);
}

.sitaudis-card.Feuilletons .sitaudis-card-badge {
  background: var(--color-feuilletons);
}

.sitaudis-card.Photos-fictions .sitaudis-card-badge {
  background: var(--color-photos-fictions);
}

/* Accent border supérieur pour l'identité de section */
.sitaudis-card.Parutions {
  border-top: 3px solid var(--color-parutions);
}

.sitaudis-card.Incitations {
  border-top: 3px solid var(--color-incitations);
}

.sitaudis-card.Poemes-et-fictions {
  border-top: 3px solid var(--color-poemes-et-fictions);
}

.sitaudis-card.Apparitions {
  border-top: 3px solid var(--color-apparitions);
}

.sitaudis-card.Celebrations {
  border-top: 3px solid var(--color-celebrations);
}

.sitaudis-card.Prescriptions {
  border-top: 3px solid var(--color-prescriptions);
}

.sitaudis-card.Auditions {
  border-top: 3px solid var(--color-auditions);
}

.sitaudis-card.Videactions {
  border-top: 3px solid var(--color-videactions);
}

.sitaudis-card.Feuilletons {
  border-top: 3px solid var(--color-feuilletons);
}

/* Version sobre : bordure discrète */
[data-theme="editorial_sobre"] .sitaudis-card {
  border-top: 1px solid var(--border-color) !important;
}

[data-theme="editorial_sobre"] .sitaudis-card-badge {
  background: transparent !important;
  color: var(--text-muted) !important;
  border: 1px solid var(--border-color);
  font-weight: 500;
}

.sitaudis-card-image {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background: #f1f5f9;
  border-bottom: 1px solid var(--border-color);
}

.sitaudis-card-body {
  padding: 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.sitaudis-card-title {
  font-family: var(--font-title);
  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--text-main);
}

.sitaudis-card-title a {
  color: inherit;
  text-decoration: none !important;
}

.sitaudis-card-title a:hover {
  color: inherit !important;
  text-decoration: underline !important;
}

.sitaudis-card-author {
  font-size: 14px;
  color: var(--text-muted);
  margin: 0 0 12px;
  font-style: italic;
  font-family: var(--font-serif);
}

.sitaudis-card-excerpt {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--text-muted);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Sentinelle Infinite Scroll */
.sitaudis-scroll-trigger {
  text-align: center;
  padding: 40px 0;
  color: var(--text-muted);
  font-size: 14px;
}

.sitaudis-spinner {
  width: 28px;
  height: 28px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin: 0 auto 12px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* ==========================================================================
   TEMPLATES DE LECTURE (Templates/Textes/texte.tpl.php & cat.tpl.php)
   ========================================================================== */

/* Structure de lecture : conteneur centré et équilibré sur grand écran */
.container.principal:has(.sitaudis-article-layout),
body:not(.hp) .container.principal {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* Sur écran mobile SEULEMENT : réduction des marges latérales pour maximiser l'espace de lecture */
@media (max-width: 768px) {
  .container.principal,
  body.hp .container.principal,
  body:not(.hp) .container.principal,
  .container.principal:has(.sitaudis-article-layout) {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  section article,
  section.stexte article {
    padding: 0.3em 0.5em 2em 0.5em !important;
  }
}

@media (min-width: 1440px) {

  .container.principal:has(.sitaudis-article-layout),
  body:not(.hp) .container.principal {
    max-width: 1440px !important;
  }
}

/* Neutralisation du header historique 2012 qui débordait sur grand écran */
section.stexte header {
  min-height: auto !important;
  padding: 24px 28px !important;
  text-align: left !important;
  border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
  box-sizing: border-box !important;
}

section.stexte header h1 {
  font-size: 38px !important;
  line-height: 1.15 !important;
  margin-bottom: 6px !important;
}

section.stexte header h2 {
  font-size: 22px !important;
  opacity: 0.9 !important;
}

/* Structure de lecture en 2 colonnes équilibrées */
.sitaudis-article-layout {
  width: 100%;
  margin-top: 16px;
  box-sizing: border-box;
}

.sitaudis-article-container {
  display: flex;
  flex-direction: column;
  gap: 28px;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 992px) {
  .sitaudis-article-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 32px !important;
    align-items: flex-start !important;
  }
}

@media (min-width: 1200px) {
  .sitaudis-article-container {
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 40px !important;
  }
}

@media (min-width: 1440px) {
  .sitaudis-article-container {
    grid-template-columns: minmax(0, 1fr) 380px !important;
    gap: 48px !important;
  }
}

.sitaudis-article-main {
  min-width: 0;
  background: var(--bg-surface);
  border-radius: var(--radius-md);
  padding: 30px 36px;
  box-shadow: var(--shadow-subtle);
  border: var(--card-border);
  box-sizing: border-box;
}

.sitaudis-article-sidebar {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Annulation des marges négatives historiques sur les listes de l'aside qui provoquaient des débordements */
.sitaudis-article-sidebar aside li,
.sitaudis-article-sidebar .sitaudis-recent-list li {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.sitaudis-article-sidebar aside .well {
  margin-right: 0 !important;
}

.sitaudis-article-sidebar aside strong {
  font-size: 20px !important;
  letter-spacing: 0 !important;
  margin-top: 0 !important;
}

.sitaudis-sidebar-quote .well {
  border: 1px solid var(--border-color) !important;
  border-left: 4px solid #003366 !important;
  border-radius: var(--radius-sm) !important;
  background: var(--bg-surface) !important;
  padding: 16px 18px !important;
}

/* Bloc Citation latérale : stylisation stricte aux couleurs officielles des citations (#003366) */
.titreCitation {
  color: #003366 !important;
  font-family: var(--font-title) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  margin-bottom: 8px !important;
}

.citationAut,
a.citationAut,
.well .citationAut,
.well a.citationAut,
aside .citationAut,
aside a.citationAut {
  color: #003366 !important;
  font-family: var(--font-serif) !important;
  font-style: italic !important;
  font-weight: normal !important;
  font-size: 14.5px !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin-top: 6px !important;
}

.citationAut:hover,
a.citationAut:hover,
.well a.citationAut:hover,
aside a.citationAut:hover {
  color: #002244 !important;
  text-decoration: underline !important;
}

.toutCit,
.toutCit>a,
.well .toutCit,
.well .toutCit>a,
aside .toutCit,
aside .toutCit>a {
  color: #003366 !important;
  font-family: var(--font-title) !important;
  font-weight: 600 !important;
}

.toutCit>a,
.well .toutCit>a,
aside .toutCit>a {
  text-decoration: none !important;
}

.toutCit>a:hover,
.well .toutCit>a:hover,
aside .toutCit>a:hover {
  color: #002244 !important;
  text-decoration: underline !important;
}

.toutCit i {
  color: #003366 !important;
}

[data-mode="dark"] .titreCitation {
  color: #60a5fa !important;
}

[data-mode="dark"] .citationAut,
[data-mode="dark"] a.citationAut,
[data-mode="dark"] .well a.citationAut,
[data-mode="dark"] aside a.citationAut,
[data-mode="dark"] .toutCit,
[data-mode="dark"] .toutCit>a,
[data-mode="dark"] .well .toutCit>a,
[data-mode="dark"] aside .toutCit>a {
  color: #60a5fa !important;
}

[data-mode="dark"] .toutCit i {
  color: #60a5fa !important;
}

/* Typographie du titre d'article */
.sitaudis-article-title {
  font-family: var(--font-title);
  font-size: 28px;
  line-height: 1.25;
  font-weight: 700;
  color: var(--text-main);
  margin: 0 0 16px;
  letter-spacing: -0.5px;
}

.sitaudis-article-author-by {
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: normal;
  font-style: italic;
  color: var(--text-muted);
}

.sitaudis-article-author-by a {
  color: var(--text-main);
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, 0.2);
}

.sitaudis-article-author-by a:hover {
  text-decoration-color: var(--text-main);
}

/* Couverture et images */
.sitaudis-cover-wrapper {
  margin: 18px 0 24px;
}

.sitaudis-article-cover {
  max-width: 280px;
  height: auto;
  border-radius: var(--radius-sm);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
  display: block;
}

/* Corps du texte de lecture (critiques, poèmes, etc.) */
.sitaudis-reading-content {
  font-family: var(--font-serif);
  font-size: 18px;
  line-height: 1.8;
  color: var(--text-main);
  margin: 24px 0 32px;
  word-break: break-word;
}

/* Sur mobile : marge aérée et confortable */
@media (max-width: 979px) {
  .sitaudis-reading-content,
  .texte.sitaudis-reading-content,
  article .texte.sitaudis-reading-content,
  article .texte,
  section.stexte article .texte,
  section article div.texte,
  div.texte {
    margin: 2em 0.5em !important;
  }
}

.sitaudis-reading-content p {
  margin-bottom: 1.4em;
}

.sitaudis-reading-content a {
  color: #2563eb;
  text-decoration: underline;
}

/* Lecteur audio moderne */
.sitaudis-audio-player-wrapper {
  margin: 24px 0;
  padding: 16px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: var(--radius-md);
}

.sitaudis-audio-player-wrapper audio {
  width: 100%;
}

/* Pagination Photos-fictions */
.sitaudis-pagination-links {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  border-top: 1px solid var(--border-color);
  font-weight: 500;
}

/* Bloc Commentaire Sitaudis */
.sitaudis-editorial-comment {
  margin: 28px 0;
  padding: 20px 24px;
  background: rgba(0, 0, 0, 0.025);
  border-left: 4px solid #3b82f6;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

[data-mode="dark"] .sitaudis-editorial-comment {
  background: rgba(255, 255, 255, 0.04);
}

.sitaudis-editorial-comment .tt {
  display: block;
  font-family: var(--font-title);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--text-main);
}

.sitaudis-comment-body {
  font-family: var(--font-serif);
  font-size: 16px;
  line-height: 1.65;
  color: var(--text-main);
  font-style: normal;
}

/* Autres textes de l'auteur */
.sitaudis-author-other-texts {
  margin-top: 24px;
  padding: 20px 24px;
  background: var(--bg-surface);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
}

.sitaudis-author-other-texts h3.footPied {
  font-family: var(--font-title);
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 14px;
  color: var(--text-main);
}

.sitaudis-author-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sitaudis-author-list li {
  padding: 8px 0;
  border-bottom: 1px dashed var(--border-color);
  font-size: 15px;
}

.sitaudis-author-list li:last-child {
  border-bottom: none;
}

.sitaudis-author-list .bullet {
  color: #3b82f6;
  font-weight: bold;
  margin-right: 6px;
}

.sitaudis-author-list .cat-tag {
  font-size: 13px;
  color: var(--text-muted);
  margin-left: 6px;
  font-style: italic;
}

/* Sidebar & Derniers textes */
.sitaudis-article-sidebar aside {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sitaudis-google-source {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 500;
  background: var(--bg-surface);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  color: var(--text-main);
  text-decoration: none;
}

.sitaudis-google-source:hover {
  background: rgba(0, 0, 0, 0.03);
}

.sitaudis-sidebar-recent {
  background: var(--bg-surface);
  border: var(--card-border);
  border-radius: var(--radius-md);
  padding: 18px 20px;
  box-shadow: var(--shadow-subtle);
}

.sitaudis-sidebar-recent strong {
  display: block;
  font-family: var(--font-title);
  font-size: 16px;
  margin-bottom: 12px;
  color: var(--text-main);
}

.sitaudis-recent-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sitaudis-recent-list li {
  padding: 7px 0;
  border-bottom: 1px solid var(--border-color);
  font-size: 14px;
  line-height: 1.4;
}

.sitaudis-recent-list li:last-child {
  border-bottom: none;
}

.sitaudis-recent-list a {
  color: var(--text-main);
  text-decoration: none;
}

.sitaudis-recent-list a:hover {
  color: #3b82f6;
}

.sitaudis-bottom-back-nav {
  margin: 32px 0 16px;
  font-size: 15px;
}

.sitaudis-bottom-back-nav a {
  color: var(--text-muted);
  text-decoration: none;
}

.sitaudis-bottom-back-nav a:hover {
  color: var(--text-main);
  text-decoration: underline;
}

/* ==========================================================================
   GABARIT DE RUBRIQUE (cat.tpl.php)
   ========================================================================== */
.sitaudis-category-layout {
  margin-top: 24px;
}

.sitaudis-category-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sitaudis-category-item {
  background: var(--bg-surface);
  border: var(--card-border);
  border-radius: var(--radius-sm);
  padding: 16px 20px;
  transition: var(--transition-smooth);
  box-shadow: var(--shadow-subtle);
  display: flex;
  gap: 18px;
  align-items: flex-start;
}

.sitaudis-category-item-cover-link {
  flex-shrink: 0;
  display: block;
  border-radius: var(--radius-sm);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  transition: var(--transition-smooth);
}

.sitaudis-category-item-cover-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.sitaudis-category-item-cover {
  width: 70px;
  height: 98px;
  object-fit: cover;
  display: block;
}

.sitaudis-category-item-content {
  flex: 1;
  min-width: 0;
}

.sitaudis-category-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover);
  border-color: #3b82f6;
}

.sitaudis-category-item-title {
  font-family: var(--font-title) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 6px !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
}

.sitaudis-category-item-title a {
  color: var(--text-main);
  text-decoration: none !important;
}

.sitaudis-category-item-title a:hover {
  text-decoration: underline !important;
}

.sitaudis-category-item-title .sitaudis-category-item-author {
  font-family: var(--font-serif) !important;
  font-style: normal !important;
  font-size: 16px !important;
  font-weight: normal !important;
  margin-left: 4px;
  display: inline !important;
}

.sitaudis-category-item-title .sitaudis-category-item-author a {
  font-weight: normal !important;
  font-style: normal !important;
}

.sitaudis-category-item-title .sitaudis-category-item-author strong {
  font-weight: normal !important;
  font-style: normal !important;
}

.sitaudis-category-item-meta {
  font-size: 13.5px !important;
  color: var(--text-muted) !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.sitaudis-category-item-excerpt {
  font-family: var(--font-serif) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: var(--text-muted) !important;
  margin: 8px 0 0 0 !important;
}

.sitaudis-category-item-author {
  font-family: var(--font-serif) !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14.5px !important;
}

.sitaudis-category-item-author strong {
  font-weight: normal !important;
  font-style: normal !important;
}

.sitaudis-category-item-date {
  font-size: 13px;
  padding: 2px 8px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}

[data-mode="dark"] .sitaudis-category-item-date {
  background: rgba(255, 255, 255, 0.08);
}

.sitaudis-empty-list {
  padding: 30px;
  text-align: center;
  color: var(--text-muted);
  font-style: italic;
}

/* ==========================================================================
   FICHES AUTEURS (poete.tpl.php) & RÉPERTOIRE ALPHABÉTIQUE (cat-poetes.tpl.php)
   ========================================================================== */

/* Fiche Auteur */
.sitaudis-author-header {
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border-color);
}

.sitaudis-author-name {
  font-family: var(--font-title);
  font-size: 32px !important;
  font-weight: 700;
  margin: 0 0 14px 0 !important;
  color: var(--text-main);
  letter-spacing: -0.02em;
}

.sitaudis-author-bio {
  font-family: var(--font-serif) !important;
  font-size: 19px !important;
  line-height: 1.7 !important;
  color: var(--text-main);
  margin-bottom: 32px;
}

.sitaudis-author-bio p {
  margin-bottom: 1.2em;
}

.sitaudis-author-bio ul {
  margin: 1em 0 1.5em 1.5em;
  padding: 0;
}

.sitaudis-author-bio li {
  margin-bottom: 0.5em;
}

/* Commentaire de la rédaction Sitaudis */
.sitaudis-author-comment {
  background: rgba(255, 0, 153, 0.05);
  border-left: 4px solid var(--color-poetes);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  padding: 18px 24px;
  margin: 28px 0 34px 0;
}

[data-mode="dark"] .sitaudis-author-comment {
  background: rgba(255, 0, 153, 0.12);
}

.sitaudis-author-comment-title {
  font-family: var(--font-title);
  font-size: 15px;
  font-weight: 700;
  color: var(--color-poetes);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 10px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.sitaudis-author-comment-text {
  font-family: var(--font-serif);
  font-size: 17px;
  font-style: italic;
  color: var(--text-main);
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  line-height: 1.6;
}

/* Contributions de l'auteur */
.sitaudis-author-works {
  margin-top: 36px;
  padding-top: 26px;
  border-top: 2px dashed var(--border-color);
}

/* Neutralisation globale des anciens styles h2 gigantesques de c.css sur tous les articles */
section.stexte article h2,
section.stexte.Poetes-contemporains article h2 {
  font-family: var(--font-title) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
  margin-top: 0 !important;
}

.sitaudis-author-works-title {
  font-family: var(--font-title) !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  color: var(--text-main) !important;
  margin: 0 0 20px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.sitaudis-badge-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-poetes);
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 20px;
}

.sitaudis-author-works-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sitaudis-work-item {
  margin: 0;
  padding: 0;
}

.sitaudis-work-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: var(--bg-surface);
  border: var(--card-border);
  border-radius: var(--radius-sm);
  color: var(--text-main);
  text-decoration: none;
  transition: var(--transition-smooth);
}

.sitaudis-work-link:hover {
  border-color: var(--color-poetes);
  background: rgba(255, 0, 153, 0.03);
  transform: translateX(4px);
  color: var(--color-poetes);
}

.sitaudis-work-bullet {
  color: var(--color-poetes);
  font-weight: bold;
  font-size: 16px;
}

.sitaudis-work-title {
  font-family: var(--font-title);
  font-size: 16px;
  font-weight: 600;
  flex: 1;
  min-width: 0;
}

.sitaudis-work-badge {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: rgba(0, 0, 0, 0.06);
  color: var(--text-muted);
}

[data-mode="dark"] .sitaudis-work-badge {
  background: rgba(255, 255, 255, 0.1);
}

.sitaudis-work-badge.badge-feuilleton {
  background: rgba(58, 84, 138, 0.15);
  color: var(--color-feuilletons);
}

.sitaudis-work-date {
  font-size: 13px;
  color: var(--text-muted);
  white-space: nowrap;
}

/* Carte de retour index auteurs dans sidebar */
.sitaudis-author-back-card {
  background: var(--bg-surface);
  border: var(--card-border);
  border-radius: var(--radius-sm);
  padding: 20px;
  margin-top: 20px;
}

.sitaudis-sidebar-box-title {
  font-family: var(--font-title);
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 8px 0;
  color: var(--text-main);
}

.sitaudis-sidebar-box-desc {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.5;
  margin-bottom: 14px;
}

.sitaudis-btn-author-list {
  display: inline-block;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-poetes);
  background: rgba(255, 0, 153, 0.08);
  border: 1px solid rgba(255, 0, 153, 0.2);
  border-radius: var(--radius-sm);
  text-decoration: none;
  transition: var(--transition-smooth);
}

.sitaudis-btn-author-list:hover {
  background: var(--color-poetes) !important;
  color: #ffffff !important;
  border-color: var(--color-poetes) !important;
  text-decoration: none !important;
}

/* Fiche auteur et Répertoire des poètes contemporains : garantie de la couleur officielle (#ff0099) */
section.stexte.Poetes-contemporains .sitaudis-btn-author-list,
.sitaudis-author-back-card .sitaudis-btn-author-list {
  color: #ff0099 !important;
  background: rgba(255, 0, 153, 0.08) !important;
  border-color: rgba(255, 0, 153, 0.25) !important;
}

section.stexte.Poetes-contemporains .sitaudis-btn-author-list:hover,
.sitaudis-author-back-card .sitaudis-btn-author-list:hover {
  background: #ff0099 !important;
  color: #ffffff !important;
  border-color: #ff0099 !important;
}

[data-mode="dark"] section.stexte.Poetes-contemporains .sitaudis-btn-author-list,
[data-mode="dark"] .sitaudis-author-back-card .sitaudis-btn-author-list {
  color: #ff33aa !important;
  background: rgba(255, 51, 170, 0.15) !important;
  border-color: rgba(255, 51, 170, 0.35) !important;
}

[data-mode="dark"] section.stexte.Poetes-contemporains .sitaudis-btn-author-list:hover,
[data-mode="dark"] .sitaudis-author-back-card .sitaudis-btn-author-list:hover {
  background: #ff33aa !important;
  color: #ffffff !important;
  border-color: #ff33aa !important;
}

/* Répertoire Alphabétique (cat-poetes.tpl.php) */
.sitaudis-authors-directory {
  max-width: 1140px;
  margin: 0 auto;
}

.sitaudis-authors-hero {
  background: var(--bg-surface);
  border: var(--card-border);
  border-radius: var(--radius-md);
  padding: 32px 36px;
  margin-bottom: 28px;
  box-shadow: var(--shadow-subtle);
}

/* Version transparente avec uniquement border-bottom et aux couleurs de la thématique */
.sitaudis-category-hero,
.sitaudis-links-hero,
.sitaudis-videos-hero,
.sitaudis-author-header,
section.stexte .sitaudis-authors-hero,
section.stexte .sitaudis-links-hero,
section.stexte .sitaudis-videos-hero,
section.stexte .sitaudis-author-header {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom-width: 2px !important;
  border-bottom-style: solid !important;
  border-radius: 0 !important;
  padding: 18px 0 24px 0 !important;
  margin-bottom: 30px !important;
}

/* ==========================================================================
   EN-TÊTES DE SECTIONS & LISTINGS (sitaudis-category-item)
   - Headers sans couleur de fond
   - H1 et <p> du header dans la COULEUR OFFICIELLE du thème
   - Titre du texte et nom de l'auteur dans la COULEUR OFFICIELLE du thème
   - Début du texte / extrait dans la COULEUR PAR DÉFAUT (#1f2328 en clair, #f5f0e6 en sombre)
   ========================================================================== */

/* 1. Header de chaque thématique : fond transparent, bordure inférieure */
section.stexte header,
.sitaudis-category-hero,
.sitaudis-links-hero,
.sitaudis-videos-hero,
.sitaudis-video-header,
.sitaudis-citations-hero,
.sitaudis-author-header,
section.stexte .sitaudis-authors-hero,
section.stexte .sitaudis-links-hero,
section.stexte .sitaudis-videos-hero,
section.stexte .sitaudis-video-header,
section.stexte .sitaudis-citations-hero,
section.stexte .sitaudis-author-header {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom-width: 2px !important;
  border-bottom-style: solid !important;
  border-radius: 0 !important;
  padding: 18px 0 24px 0 !important;
  margin-bottom: 30px !important;
}

/* 2. Extraits et textes descriptifs toujours dans la couleur par défaut */
.sitaudis-category-item-excerpt,
.sitaudis-category-item-meta,
.sitaudis-reading-content {
  color: #1f2328 !important;
}

[data-mode="dark"] .sitaudis-category-item-excerpt,
[data-mode="dark"] .sitaudis-category-item-meta,
[data-mode="dark"] .sitaudis-reading-content {
  color: #f5f0e6 !important;
}

/* 3. Déclinaison complète des couleurs par section / thème */

/* PARUTIONS (#3366FF) */
section.stexte.Parutions header,
section.stexte.Parutions .sitaudis-authors-hero {
  border-bottom-color: #3366FF !important;
}

section.stexte.Parutions header h1,
section.stexte.Parutions header h1 .titreT,
section.stexte.Parutions header h2,
section.stexte.Parutions header p,
section.stexte.Parutions .sitaudis-authors-hero-title,
section.stexte.Parutions .sitaudis-authors-hero-lead,
section.stexte.Parutions .sitaudis-article-title,
section.stexte.Parutions .sitaudis-article-title span,
section.stexte.Parutions .sitaudis-article-author-by,
section.stexte.Parutions .sitaudis-article-author-by a,
section.stexte.Parutions .sitaudis-category-item-title a,
section.stexte.Parutions .sitaudis-category-item-author,
section.stexte.Parutions .sitaudis-category-item-author strong {
  color: #3366FF !important;
}

section.stexte.Parutions .sitaudis-badge-count {
  background: #3366FF !important;
  color: #ffffff !important;
}

section.stexte.Parutions .sitaudis-category-item:hover {
  border-color: #3366FF !important;
}

/* INCITATIONS (#995588) */
section.stexte.Incitations header,
section.stexte.Incitations .sitaudis-authors-hero {
  border-bottom-color: #995588 !important;
}

section.stexte.Incitations header h1,
section.stexte.Incitations header h1 .titreT,
section.stexte.Incitations header h2,
section.stexte.Incitations header p,
section.stexte.Incitations .sitaudis-authors-hero-title,
section.stexte.Incitations .sitaudis-authors-hero-lead,
section.stexte.Incitations .sitaudis-article-title,
section.stexte.Incitations .sitaudis-article-title span,
section.stexte.Incitations .sitaudis-article-author-by,
section.stexte.Incitations .sitaudis-article-author-by a,
section.stexte.Incitations .sitaudis-category-item-title a,
section.stexte.Incitations .sitaudis-category-item-author,
section.stexte.Incitations .sitaudis-category-item-author strong {
  color: #995588 !important;
}

section.stexte.Incitations .sitaudis-badge-count {
  background: #995588 !important;
  color: #ffffff !important;
}

section.stexte.Incitations .sitaudis-category-item:hover {
  border-color: #995588 !important;
}

/* POEMES ET FICTIONS (#ff4040) */
section.stexte.Poemes-et-fictions header,
section.stexte.Poemes-et-fictions .sitaudis-authors-hero {
  border-bottom-color: #ff4040 !important;
}

section.stexte.Poemes-et-fictions header h1,
section.stexte.Poemes-et-fictions header h1 .titreT,
section.stexte.Poemes-et-fictions header h2,
section.stexte.Poemes-et-fictions header p,
section.stexte.Poemes-et-fictions .sitaudis-authors-hero-title,
section.stexte.Poemes-et-fictions .sitaudis-authors-hero-lead,
section.stexte.Poemes-et-fictions .sitaudis-article-title,
section.stexte.Poemes-et-fictions .sitaudis-article-title span,
section.stexte.Poemes-et-fictions .sitaudis-article-author-by,
section.stexte.Poemes-et-fictions .sitaudis-article-author-by a,
section.stexte.Poemes-et-fictions .sitaudis-category-item-title a,
section.stexte.Poemes-et-fictions .sitaudis-category-item-author,
section.stexte.Poemes-et-fictions .sitaudis-category-item-author strong {
  color: #ff4040 !important;
}

section.stexte.Poemes-et-fictions .sitaudis-badge-count {
  background: #ff4040 !important;
  color: #ffffff !important;
}

section.stexte.Poemes-et-fictions .sitaudis-category-item:hover {
  border-color: #ff4040 !important;
}

/* APPARITIONS (#669966) */
section.stexte.Apparitions header,
section.stexte.Apparitions .sitaudis-authors-hero {
  border-bottom-color: #669966 !important;
}

section.stexte.Apparitions header h1,
section.stexte.Apparitions header h1 .titreT,
section.stexte.Apparitions header h2,
section.stexte.Apparitions header p,
section.stexte.Apparitions .sitaudis-authors-hero-title,
section.stexte.Apparitions .sitaudis-authors-hero-lead,
section.stexte.Apparitions .sitaudis-article-title,
section.stexte.Apparitions .sitaudis-article-title span,
section.stexte.Apparitions .sitaudis-article-author-by,
section.stexte.Apparitions .sitaudis-article-author-by a,
section.stexte.Apparitions .sitaudis-category-item-title a,
section.stexte.Apparitions .sitaudis-category-item-author,
section.stexte.Apparitions .sitaudis-category-item-author strong {
  color: #669966 !important;
}

section.stexte.Apparitions .sitaudis-badge-count {
  background: #669966 !important;
  color: #ffffff !important;
}

section.stexte.Apparitions .sitaudis-category-item:hover {
  border-color: #669966 !important;
}

/* POETES CONTEMPORAINS (#ff0099) */
section.stexte.Poetes-contemporains header,
section.stexte.Poetes-contemporains .sitaudis-authors-hero,
section.stexte.Poetes-contemporains .sitaudis-author-header,
.sitaudis-author-header {
  border-bottom-color: #ff0099 !important;
}

section.stexte.Poetes-contemporains header h1,
section.stexte.Poetes-contemporains header h1 .titreT,
section.stexte.Poetes-contemporains header h2,
section.stexte.Poetes-contemporains header p,
section.stexte.Poetes-contemporains .sitaudis-authors-hero-title,
section.stexte.Poetes-contemporains .sitaudis-authors-hero-lead,
section.stexte.Poetes-contemporains .sitaudis-article-title,
section.stexte.Poetes-contemporains .sitaudis-article-title span,
section.stexte.Poetes-contemporains .sitaudis-article-author-by,
section.stexte.Poetes-contemporains .sitaudis-article-author-by a,
.sitaudis-author-header h1,
.sitaudis-author-header p,
section.stexte.Poetes-contemporains .sitaudis-category-item-title a,
section.stexte.Poetes-contemporains .sitaudis-category-item-author,
section.stexte.Poetes-contemporains .sitaudis-category-item-author strong {
  color: #ff0099 !important;
}

section.stexte.Poetes-contemporains .sitaudis-badge-count {
  background: #ff0099 !important;
  color: #ffffff !important;
}

section.stexte.Poetes-contemporains .sitaudis-category-item:hover {
  border-color: #ff0099 !important;
}

/* CELEBRATIONS (#556677) */
section.stexte.Celebrations header,
section.stexte.Celebrations .sitaudis-authors-hero {
  border-bottom-color: #556677 !important;
}

section.stexte.Celebrations header h1,
section.stexte.Celebrations header h1 .titreT,
section.stexte.Celebrations header h2,
section.stexte.Celebrations header p,
section.stexte.Celebrations .sitaudis-authors-hero-title,
section.stexte.Celebrations .sitaudis-authors-hero-lead,
section.stexte.Celebrations .sitaudis-article-title,
section.stexte.Celebrations .sitaudis-article-title span,
section.stexte.Celebrations .sitaudis-article-author-by,
section.stexte.Celebrations .sitaudis-article-author-by a,
section.stexte.Celebrations .sitaudis-category-item-title a,
section.stexte.Celebrations .sitaudis-category-item-author,
section.stexte.Celebrations .sitaudis-category-item-author strong {
  color: #556677 !important;
}

section.stexte.Celebrations .sitaudis-badge-count {
  background: #556677 !important;
  color: #ffffff !important;
}

section.stexte.Celebrations .sitaudis-category-item:hover {
  border-color: #556677 !important;
}

/* PRESCRIPTIONS (#8F655D) */
section.stexte.Prescriptions header,
section.stexte.Prescriptions .sitaudis-authors-hero {
  border-bottom-color: #8F655D !important;
}

section.stexte.Prescriptions header h1,
section.stexte.Prescriptions header h1 .titreT,
section.stexte.Prescriptions header h2,
section.stexte.Prescriptions header p,
section.stexte.Prescriptions .sitaudis-authors-hero-title,
section.stexte.Prescriptions .sitaudis-authors-hero-lead,
section.stexte.Prescriptions .sitaudis-article-title,
section.stexte.Prescriptions .sitaudis-article-title span,
section.stexte.Prescriptions .sitaudis-article-author-by,
section.stexte.Prescriptions .sitaudis-article-author-by a,
section.stexte.Prescriptions .sitaudis-category-item-title a,
section.stexte.Prescriptions .sitaudis-category-item-author,
section.stexte.Prescriptions .sitaudis-category-item-author strong {
  color: #8F655D !important;
}

section.stexte.Prescriptions .sitaudis-badge-count {
  background: #8F655D !important;
  color: #ffffff !important;
}

section.stexte.Prescriptions .sitaudis-category-item:hover {
  border-color: #8F655D !important;
}

/* VIDEACTIONS (#00ccee) */
section.stexte.Videactions header,
section.stexte.Videactions .sitaudis-videos-hero,
section.stexte.Videactions .sitaudis-video-header,
.sitaudis-videos-hero,
.sitaudis-video-header {
  border-bottom-color: #00ccee !important;
}

section.stexte.Videactions header h1,
section.stexte.Videactions header h1 .titreT,
section.stexte.Videactions header h2,
section.stexte.Videactions header p,
section.stexte.Videactions .sitaudis-videos-title,
section.stexte.Videactions .sitaudis-videos-lead,
.sitaudis-videos-hero .sitaudis-videos-title,
.sitaudis-videos-hero .sitaudis-videos-lead,
.sitaudis-video-header h1,
.sitaudis-video-header p,
.sitaudis-video-header .sitaudis-article-author-by,
section.stexte.Videactions .sitaudis-article-title,
section.stexte.Videactions .sitaudis-article-title span,
section.stexte.Videactions .sitaudis-category-item-title a,
section.stexte.Videactions .sitaudis-category-item-author,
section.stexte.Videactions .sitaudis-category-item-author strong,
section.stexte.Videactions .sitaudis-video-card-title,
section.stexte.Videactions .sitaudis-video-author,
section.stexte.Videactions .sitaudis-video-author strong {
  color: #00ccee !important;
}

section.stexte.Videactions .sitaudis-badge-count {
  background: #00ccee !important;
  color: #ffffff !important;
}

section.stexte.Videactions .sitaudis-category-item:hover {
  border-color: #00ccee !important;
}

/* CITATIONS (#003366) */
section.stexte.Citations header,
section.stexte.Citations .sitaudis-authors-hero,
section.stexte.Citations .sitaudis-citations-hero,
.sitaudis-citations-hero {
  border-bottom-color: #003366 !important;
}

section.stexte.Citations header h1,
section.stexte.Citations header h1 .titreT,
section.stexte.Citations header h2,
section.stexte.Citations header p,
section.stexte.Citations .sitaudis-authors-hero-title,
section.stexte.Citations .sitaudis-authors-hero-lead,
.sitaudis-citations-hero .sitaudis-citations-title,
.sitaudis-citations-hero p,
section.stexte.Citations .sitaudis-category-item-title a,
section.stexte.Citations .sitaudis-category-item-author,
section.stexte.Citations .sitaudis-category-item-author strong {
  color: #003366 !important;
}

section.stexte.Citations .sitaudis-badge-count {
  background: #003366 !important;
  color: #ffffff !important;
}

section.stexte.Citations .sitaudis-category-item:hover {
  border-color: #003366 !important;
}

/* FEUILLETONS (#3A548A) */
section.stexte.Feuilletons header,
section.stexte.Feuilletons .sitaudis-authors-hero {
  border-bottom-color: #3A548A !important;
}

section.stexte.Feuilletons header h1,
section.stexte.Feuilletons header h1 .titreT,
section.stexte.Feuilletons header h2,
section.stexte.Feuilletons header p,
section.stexte.Feuilletons .sitaudis-authors-hero-title,
section.stexte.Feuilletons .sitaudis-authors-hero-lead,
section.stexte.Feuilletons .sitaudis-article-title,
section.stexte.Feuilletons .sitaudis-article-title span,
section.stexte.Feuilletons .sitaudis-article-author-by,
section.stexte.Feuilletons .sitaudis-article-author-by a,
section.stexte.Feuilletons .sitaudis-category-item-title a,
section.stexte.Feuilletons .sitaudis-category-item-author,
section.stexte.Feuilletons .sitaudis-category-item-author strong {
  color: #3A548A !important;
}

section.stexte.Feuilletons .sitaudis-badge-count {
  background: #3A548A !important;
  color: #ffffff !important;
}

section.stexte.Feuilletons .sitaudis-category-item:hover {
  border-color: #3A548A !important;
}

/* AUDITIONS (#e23135) */
section.stexte.Auditions header,
section.stexte.Auditions .sitaudis-authors-hero {
  border-bottom-color: #e23135 !important;
}

section.stexte.Auditions header h1,
section.stexte.Auditions header h1 .titreT,
section.stexte.Auditions header h2,
section.stexte.Auditions header p,
section.stexte.Auditions .sitaudis-authors-hero-title,
section.stexte.Auditions .sitaudis-authors-hero-lead,
section.stexte.Auditions .sitaudis-article-title,
section.stexte.Auditions .sitaudis-article-title span,
section.stexte.Auditions .sitaudis-article-author-by,
section.stexte.Auditions .sitaudis-article-author-by a,
section.stexte.Auditions .sitaudis-category-item-title a,
section.stexte.Auditions .sitaudis-category-item-author,
section.stexte.Auditions .sitaudis-category-item-author strong {
  color: #e23135 !important;
}

section.stexte.Auditions .sitaudis-badge-count {
  background: #e23135 !important;
  color: #ffffff !important;
}

section.stexte.Auditions .sitaudis-category-item:hover {
  border-color: #e23135 !important;
}

/* PHOTOS-FICTIONS (#4c879d) */
section.stexte.Photos-fictions header,
section.stexte.Photos-fictions .sitaudis-authors-hero {
  border-bottom-color: #4c879d !important;
}

section.stexte.Photos-fictions header h1,
section.stexte.Photos-fictions header h1 .titreT,
section.stexte.Photos-fictions header h2,
section.stexte.Photos-fictions header p,
section.stexte.Photos-fictions .sitaudis-authors-hero-title,
section.stexte.Photos-fictions .sitaudis-authors-hero-lead,
section.stexte.Photos-fictions .sitaudis-article-title,
section.stexte.Photos-fictions .sitaudis-article-title span,
section.stexte.Photos-fictions .sitaudis-article-author-by,
section.stexte.Photos-fictions .sitaudis-article-author-by a,
section.stexte.Photos-fictions .sitaudis-category-item-title a,
section.stexte.Photos-fictions .sitaudis-category-item-author,
section.stexte.Photos-fictions .sitaudis-category-item-author strong {
  color: #4c879d !important;
}

section.stexte.Photos-fictions .sitaudis-badge-count {
  background: #4c879d !important;
  color: #ffffff !important;
}

section.stexte.Photos-fictions .sitaudis-category-item:hover {
  border-color: #4c879d !important;
}

/* LIENS (#C028E5) */
section.stexte.Liens header,
section.stexte.Liens .sitaudis-links-hero,
.sitaudis-links-hero {
  border-bottom-color: #C028E5 !important;
}

section.stexte.Liens header h1,
section.stexte.Liens header h1 .titreT,
section.stexte.Liens header h2,
section.stexte.Liens header p,
section.stexte.Liens .sitaudis-links-title,
section.stexte.Liens .sitaudis-links-lead,
.sitaudis-links-hero .sitaudis-links-title,
.sitaudis-links-hero .sitaudis-links-lead,
section.stexte.Liens .sitaudis-category-item-title a,
section.stexte.Liens .sitaudis-category-item-author,
section.stexte.Liens .sitaudis-category-item-author strong {
  color: #C028E5 !important;
}

section.stexte.Liens .sitaudis-badge-count {
  background: #C028E5 !important;
  color: #ffffff !important;
}

section.stexte.Liens .sitaudis-category-item:hover {
  border-color: #C028E5 !important;
}

/* NEWSLETTER (#4fb4d2) */
section.stexte.Newsletter header,
section.stexte.Newsletter .sitaudis-authors-hero {
  border-bottom-color: #4fb4d2 !important;
}

section.stexte.Newsletter header h1,
section.stexte.Newsletter header h1 .titreT,
section.stexte.Newsletter header h2,
section.stexte.Newsletter header p,
section.stexte.Newsletter .sitaudis-authors-hero-title,
section.stexte.Newsletter .sitaudis-authors-hero-lead,
section.stexte.Newsletter .sitaudis-category-item-title a,
section.stexte.Newsletter .sitaudis-category-item-author,
section.stexte.Newsletter .sitaudis-category-item-author strong {
  color: #4fb4d2 !important;
}

section.stexte.Newsletter .sitaudis-badge-count {
  background: #4fb4d2 !important;
  color: #ffffff !important;
}

section.stexte.Newsletter .sitaudis-category-item:hover {
  border-color: #4fb4d2 !important;
}

/* RECHERCHE */
section.stexte.Recherche header,
section.stexte.Recherche .sitaudis-authors-hero,
section.stexte.Recherche .sitaudis-search-header,
.sitaudis-search-header {
  border-bottom-color: var(--border-color) !important;
}

section.stexte.Recherche .sitaudis-authors-hero-title,
section.stexte.Recherche .sitaudis-search-title,
.sitaudis-search-title,
.sitaudis-search-header h1 {
  color: #6cea78 !important;
}

section.stexte.Recherche .sitaudis-authors-hero-lead,
section.stexte.Recherche .sitaudis-search-term-lead,
.sitaudis-search-term-lead,
.sitaudis-search-header p {
  color: var(--text-muted) !important;
}

section.stexte.Recherche .sitaudis-search-term,
.sitaudis-search-term {
  background: rgba(51, 102, 255, 0.08) !important;
  color: var(--text-main) !important;
  border: 1px solid rgba(51, 102, 255, 0.25) !important;
  border-radius: 4px;
  padding: 2px 6px;
}

.sitaudis-authors-hero-title {
  font-family: var(--font-title);
  font-size: 34px !important;
  font-weight: 700;
  margin: 0 0 14px 0 !important;
  color: var(--text-main);
}

.sitaudis-authors-hero-lead {
  font-family: var(--font-serif);
  font-size: 18px;
  line-height: 1.65;
  color: var(--text-main);
  max-width: 900px;
  margin: 0 0 16px 0;
}

.sitaudis-authors-stats {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Barre de navigation alphabétique rapide */
.sitaudis-alphabet-nav {
  position: sticky;
  top: 60px;
  z-index: 100;
  background: var(--bg-surface);
  border: var(--card-border);
  border-radius: var(--radius-md);
  padding: 12px 18px;
  margin-bottom: 28px;
  box-shadow: var(--shadow-subtle);
  backdrop-filter: blur(8px);
}

.sitaudis-alphabet-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(9, 30px);
  justify-content: center;
  gap: 5px;
  max-width: fit-content;
  margin: 0 auto;
}

.sitaudis-alphabet-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 769px) {
  .sitaudis-alphabet-list {
    grid-template-columns: repeat(13, 34px);
    gap: 6px;
  }
}

.sitaudis-alpha-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 6px;
  font-family: var(--font-title);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: var(--transition-smooth);
}

.sitaudis-alpha-link.active {
  background: rgba(255, 0, 153, 0.08);
  color: var(--color-poetes);
  border: 1px solid rgba(255, 0, 153, 0.2);
}

.sitaudis-alpha-link.active:hover {
  background: var(--color-poetes);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(255, 0, 153, 0.3);
}

.sitaudis-alpha-link.disabled {
  background: var(--bg-surface, #fafafa);
  color: var(--text-muted, #888888);
  border: 1px solid rgba(0, 0, 0, 0.12);
  opacity: 0.5;
  cursor: default;
}

/* Groupes et cartes d'auteurs */
.sitaudis-authors-sections {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.sitaudis-author-group {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  scroll-margin-top: 130px;
}

.sitaudis-author-letter-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 60px;
  height: 60px;
  padding: 20px;
  box-sizing: content-box;
  background: var(--color-poetes);
  color: #ffffff !important;
  border-radius: var(--radius-md);
  box-shadow: 0 4px 14px rgba(255, 0, 153, 0.25);
  flex-shrink: 0;
}

.sitaudis-author-letter-badge span {
  display: block;
  text-align: center;
  width: 100%;
  color: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sitaudis-author-letter {
  font-family: var(--font-title);
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
}

.sitaudis-author-letter-count {
  font-size: 11px;
  font-weight: 600;
  opacity: 0.9;
  margin-top: 4px;
}

.sitaudis-author-cards-grid {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}

.sitaudis-author-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: var(--bg-surface);
  border: var(--card-border);
  border-radius: var(--radius-sm);
  color: inherit;
  text-decoration: none;
  transition: var(--transition-smooth);
  box-shadow: var(--shadow-subtle);
}

section.Poetes-contemporains .sitaudis-author-card,
.sitaudis-authors-directory .sitaudis-author-card {
  color: #f09 !important;
}

section.Poetes-contemporains .sitaudis-author-card:hover,
.sitaudis-authors-directory .sitaudis-author-card:hover {
  border-color: #f09 !important;
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover);
  color: #f09 !important;
}

.sitaudis-author-card-name {
  font-family: var(--font-title);
  font-size: 15px;
  font-weight: 600;
  color: inherit;
}

section.Poetes-contemporains .sitaudis-author-card .sitaudis-author-card-name,
.sitaudis-authors-directory .sitaudis-author-card .sitaudis-author-card-name {
  color: #f09 !important;
}

section.Poetes-contemporains .sitaudis-author-card:hover .sitaudis-author-card-name,
.sitaudis-authors-directory .sitaudis-author-card:hover .sitaudis-author-card-name {
  color: #f09 !important;
}

.sitaudis-author-card-arrow {
  color: var(--color-poetes) !important;
  font-size: 14px;
  opacity: 0.6;
  transition: var(--transition-smooth);
}

.sitaudis-author-card:hover .sitaudis-author-card-arrow {
  opacity: 1;
  transform: translateX(3px);
  color: var(--color-poetes) !important;
}

@media (max-width: 768px) {
  .sitaudis-author-group {
    flex-direction: column;
    gap: 14px;
  }

  .sitaudis-author-letter-badge {
    min-width: 44px;
    height: 44px;
    flex-direction: row;
    gap: 8px;
    padding: 0 14px;
  }

  .sitaudis-author-cards-grid {
    grid-template-columns: 1fr;
  }

  .sitaudis-alphabet-nav {
    top: 50px;
    padding: 8px 10px;
  }

  .sitaudis-alpha-link {
    width: 28px;
    height: 28px;
    font-size: 13px;
  }
}

/* ==========================================================================
   TEMPLATES ANNEXES : RECHERCHE, LIENS, CITATIONS, VIDÉACTIONS, FEUILLETONS
   ========================================================================== */

/* 1. Recherche */
.sitaudis-search-layout {
  max-width: 1140px;
  margin: 0 auto;
  padding: 24px 0 60px;
}

.sitaudis-search-header {
  border-bottom: 2px solid var(--border-color);
  padding-bottom: 24px;
  margin-bottom: 32px;
}

.sitaudis-search-term-lead {
  font-family: var(--font-title);
  font-size: 1.25rem;
  color: var(--text-muted);
  margin: 12px 0;
}

.sitaudis-search-term {
  background: rgba(51, 102, 255, 0.12);
  color: var(--text-main);
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  font-weight: 600;
}

.sitaudis-search-section {
  margin-bottom: 40px;
}

.sitaudis-search-section-title {
  font-family: var(--font-title);
  font-size: 1.35rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-color);
}

.sitaudis-search-icon {
  color: var(--color-parutions);
  font-size: 1.4rem;
}

.sitaudis-search-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sitaudis-search-item-link {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 18px;
  background: var(--bg-surface);
  border: 1px solid #6cea78;
  border-radius: var(--radius-sm);
  color: var(--text-main) !important;
  text-decoration: none;
  transition: var(--transition-smooth);
}

.sitaudis-search-item-link:hover {
  border-color: #58cc63;
  transform: translateX(4px);
  color: var(--text-main) !important;
  box-shadow: 0 4px 14px rgba(108, 234, 120, 0.2);
}

.sitaudis-search-item-header {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px;
}

.sitaudis-search-item-title {
  font-family: var(--font-serif);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--text-main);
}

.sitaudis-search-item-author {
  font-size: 0.95rem;
  color: var(--text-muted);
}

.sitaudis-search-item-excerpt {
  font-family: var(--font-body);
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--text-muted);
  border-left: 2px solid var(--border-color);
  padding-left: 12px;
  margin-top: 4px;
}

/* Pastilles de type avec les couleurs officielles de section du thème */
.sitaudis-work-badge.badge-type-1 {
  background: rgba(255, 64, 64, 0.12);
  color: var(--color-poemes-et-fictions);
}

.sitaudis-work-badge.badge-type-2 {
  background: rgba(153, 85, 136, 0.12);
  color: var(--color-incitations);
}

.sitaudis-work-badge.badge-type-3 {
  background: rgba(51, 102, 255, 0.12);
  color: var(--color-parutions);
}

.sitaudis-work-badge.badge-type-4 {
  background: rgba(79, 180, 210, 0.12);
  color: var(--color-newsletter);
}

.sitaudis-work-badge.badge-type-6 {
  background: rgba(102, 153, 102, 0.12);
  color: var(--color-apparitions);
}

.sitaudis-work-badge.badge-type-7 {
  background: rgba(85, 102, 119, 0.12);
  color: var(--color-celebrations);
}

.sitaudis-work-badge.badge-type-8 {
  background: rgba(226, 49, 53, 0.12);
  color: var(--color-auditions);
}

.sitaudis-work-badge.badge-type-9 {
  background: rgba(143, 101, 93, 0.12);
  color: var(--color-prescriptions);
}

.sitaudis-work-badge.badge-type-10 {
  background: rgba(0, 204, 238, 0.12);
  color: var(--color-videactions);
}

.sitaudis-work-badge.badge-type-11 {
  background: rgba(76, 135, 157, 0.12);
  color: var(--color-photos-fictions);
}

/* Surlignage du mot-clé recherché : fond grisé sobre et contraste soigné */
.sitaudis-search-highlight {
  color: inherit !important;
  font-weight: 700 !important;
  background-color: rgba(0, 0, 0, 0.08) !important;
  padding: 1px 5px !important;
  border-radius: 4px !important;
  box-shadow: inset 0 -2px 0 var(--color-parutions) !important;
}

[data-mode="dark"] .sitaudis-search-highlight {
  background-color: rgba(255, 255, 255, 0.15) !important;
  box-shadow: inset 0 -2px 0 var(--color-parutions) !important;
}

.sitaudis-search-empty {
  text-align: center;
  padding: 60px 20px;
  background: var(--bg-surface);
  border: var(--card-border);
  border-radius: var(--radius-md);
  margin-top: 24px;
}

.sitaudis-search-empty-msg {
  font-family: var(--font-title);
  font-size: 1.35rem;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--text-main) !important;
}

.sitaudis-search-empty-sub {
  color: var(--text-muted);
  font-size: 1rem;
}

.sitaudis-search-empty-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 24px;
}

/* Bouton d'action recherche avec contour #6cea78 et background dégradé vert */
.sitaudis-btn-search-action,
.sitaudis-search-empty-actions .sitaudis-btn-author-list {
  display: inline-block;
  padding: 10px 22px;
  font-family: var(--font-title);
  font-size: 14px;
  font-weight: 600;
  color: #15803d !important;
  background: linear-gradient(135deg, rgba(108, 234, 120, 0.35) 0%, rgba(108, 234, 120, 0.12) 100%) !important;
  border: 1px solid #6cea78 !important;
  border-radius: var(--radius-sm);
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(108, 234, 120, 0.15);
  transition: var(--transition-smooth);
}

[data-mode="dark"] .sitaudis-btn-search-action,
[data-mode="dark"] .sitaudis-search-empty-actions .sitaudis-btn-author-list {
  color: #6cea78 !important;
  background: linear-gradient(135deg, rgba(108, 234, 120, 0.25) 0%, rgba(108, 234, 120, 0.05) 100%) !important;
  box-shadow: 0 2px 8px rgba(108, 234, 120, 0.08);
}

.sitaudis-btn-search-action:hover,
.sitaudis-search-empty-actions .sitaudis-btn-author-list:hover {
  background: #6cea78 !important;
  color: #111111 !important;
  border-color: #6cea78 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(108, 234, 120, 0.35);
}

/* 2. Liens & Partenaires */
.sitaudis-links-layout {
  max-width: 1140px;
  margin: 0 auto;
  padding: 24px 0 60px;
}

.sitaudis-links-hero {
  border-bottom: 2px solid var(--border-color);
  padding-bottom: 24px;
  margin-bottom: 32px;
}

.sitaudis-links-lead {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  font-style: italic;
  color: var(--text-muted);
  margin: 10px 0;
}

.sitaudis-links-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 20px;
}

.sitaudis-link-card {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: var(--bg-surface);
  border: var(--card-border);
  border-radius: var(--radius-md);
  transition: var(--transition-smooth);
  box-shadow: var(--shadow-subtle);
}

.sitaudis-link-card:hover {
  border-color: var(--color-liens);
  transform: translateY(-3px);
  box-shadow: var(--shadow-hover);
}

.sitaudis-link-card-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  text-decoration: none;
  color: var(--text-main);
  margin-bottom: 10px;
}

.sitaudis-link-card-header:hover {
  color: var(--color-liens);
}

.sitaudis-link-card-title {
  font-family: var(--font-title);
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0;
}

.sitaudis-link-external-icon {
  font-size: 1.2rem;
  color: var(--color-liens);
  opacity: 0.7;
}

.sitaudis-link-comment {
  font-family: var(--font-serif);
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--text-muted);
  margin: 0 0 14px 0;
  flex-grow: 1;
}

.sitaudis-link-url-display {
  font-size: 0.8rem;
  font-family: monospace;
  color: var(--text-muted);
  opacity: 0.7;
}

/* 3. Citations */
.sitaudis-citations-directory,
.sitaudis-citations-single-layout {
  max-width: 1140px;
  margin: 0 auto;
  padding: 24px 20px 60px;
  box-sizing: border-box;
}

.sitaudis-citations-hero {
  border-bottom: 2px solid var(--border-color);
  padding-bottom: 24px;
  margin-bottom: 32px;
}

.sitaudis-citation-author-card {
  justify-content: space-between;
  color: #036 !important;
}

.sitaudis-citation-author-card .sitaudis-author-card-name {
  color: #036 !important;
}

.sitaudis-citation-author-card:hover {
  border-color: #036 !important;
  color: #036 !important;
}

.sitaudis-citation-author-card:hover .sitaudis-author-card-name {
  color: #036 !important;
}

.sitaudis-citation-author-card .sitaudis-badge-count {
  background: rgba(0, 51, 102, 0.08);
  color: #036 !important;
}

.sitaudis-citations-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sitaudis-citation-item {
  position: relative;
  margin: 0;
  padding: 24px 28px 24px 44px;
  background: var(--bg-surface);
  border: var(--card-border);
  border-left: 4px solid var(--color-citations);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-subtle);
}

.sitaudis-citation-item::before {
  content: "“";
  position: absolute;
  left: 14px;
  top: 12px;
  font-family: var(--font-serif);
  font-size: 3rem;
  line-height: 1;
  color: var(--color-citations);
  opacity: 0.3;
}

.sitaudis-citation-text {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  line-height: 1.6;
  color: var(--text-main);
  font-style: italic;
}

.sitaudis-citation-comment {
  margin: 12px 0 0;
  font-family: var(--font-title);
  font-size: 0.95rem;
  color: var(--text-muted);
}

/* 4. Vidéactions */
.sitaudis-videos-layout {
  max-width: 1140px;
  margin: 0 auto;
  padding: 24px 0 60px;
}

.sitaudis-videos-hero {
  border-bottom: 2px solid var(--border-color);
  padding-bottom: 24px;
  margin-bottom: 32px;
}

.sitaudis-videos-lead {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  color: var(--text-muted);
  margin: 10px 0;
}

.sitaudis-videos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
}

.sitaudis-video-card {
  background: var(--bg-surface);
  border: var(--card-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-subtle);
  transition: var(--transition-smooth);
}

.sitaudis-video-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
  border-color: var(--color-videactions);
}

.sitaudis-video-card-thumb-link {
  display: block;
  text-decoration: none;
  color: var(--text-main);
}

.sitaudis-video-thumb-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  overflow: hidden;
}

.sitaudis-video-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.88;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.sitaudis-video-card:hover .sitaudis-video-thumb {
  transform: scale(1.04);
  opacity: 1;
}

.sitaudis-video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.7);
  border: 2px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  padding-left: 3px;
  transition: var(--transition-smooth);
}

.sitaudis-video-card:hover .sitaudis-video-play-btn {
  background: var(--color-videactions);
  border-color: var(--color-videactions);
  transform: translate(-50%, -50%) scale(1.1);
}

.sitaudis-video-card-body {
  padding: 16px;
}

.sitaudis-video-card-title {
  font-family: var(--font-title);
  font-size: 1.05rem;
  font-weight: 600;
  margin: 0 0 6px 0;
  line-height: 1.4;
}

.sitaudis-video-card:hover .sitaudis-video-card-title {
  color: var(--color-videactions);
}

.sitaudis-video-author {
  font-size: 0.85rem;
  color: var(--text-muted);
}

.sitaudis-video-player-container {
  margin: 20px 0 28px;
  background: #000;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-hover);
}

.sitaudis-video-element {
  width: 100%;
  max-height: 580px;
  display: block;
}

.sitaudis-video-embed-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.sitaudis-video-embed-wrapper iframe,
.sitaudis-video-embed-wrapper object,
.sitaudis-video-embed-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 5. Feuilletons & Épisodes */
.sitaudis-feuilleton-card:hover {
  border-color: var(--color-feuilletons);
}

.sitaudis-feuilleton-card:hover .sitaudis-link-card-title {
  color: var(--color-feuilletons);
}

.sitaudis-episode-parent-badge {
  margin-bottom: 12px;
}

.sitaudis-episode-parent-badge a {
  font-family: var(--font-title);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-feuilletons);
  text-decoration: none;
  background: rgba(58, 84, 138, 0.08);
  padding: 4px 12px;
  border-radius: var(--radius-sm);
  display: inline-block;
}

.sitaudis-episode-resume {
  background: var(--bg-surface);
  border-left: 3px solid var(--color-feuilletons);
  padding: 14px 18px;
  margin: 20px 0 28px;
  border-radius: var(--radius-sm);
}

.sitaudis-episode-resume-label {
  font-family: var(--font-title);
  font-size: 0.95rem;
  color: var(--color-feuilletons);
  display: block;
  margin-bottom: 4px;
}

.sitaudis-episode-resume-text {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 1.05rem;
  line-height: 1.6;
  margin: 0;
  color: var(--text-muted);
}

.sitaudis-episode-nav-prevnext {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid var(--border-color);
  flex-wrap: wrap;
}

.sitaudis-next-episode-teaser {
  margin-top: 28px;
  padding: 14px 18px;
  background: rgba(58, 84, 138, 0.05);
  border-radius: var(--radius-sm);
  font-size: 1rem;
}

.sitaudis-next-label {
  color: var(--color-feuilletons);
  font-weight: 600;
}

/* 6. Erreur 404 */
.sitaudis-error-layout {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
}

.sitaudis-error-hero {
  text-align: center;
  max-width: 640px;
  border-bottom: none;
  padding: 40px 20px;
  margin: 0 auto;
}

.sitaudis-error-code {
  font-family: var(--font-title);
  font-size: 6rem;
  font-weight: 800;
  line-height: 1;
  color: var(--color-parutions);
  opacity: 0.25;
  display: block;
}

.sitaudis-search-inline-form {
  display: flex;
  gap: 8px;
  margin-top: 24px;
}

.sitaudis-search-inline-input {
  flex-grow: 1;
  padding: 12px 16px;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  background: var(--bg-surface);
  color: var(--text-main);
  font-size: 1rem;
}

.sitaudis-btn-primary {
  background: var(--color-parutions);
  color: #fff !important;
  border: none;
  cursor: pointer;
  font-weight: 600;
}

/* ==========================================================================
   MAILLAGE INTERNE SEO : Liens sur pastilles de sections et noms d'auteurs
   Préservation stricte du rendu visuel existant (couleurs de thèmes, pas de bleu par défaut)
   ========================================================================== */
a.sitaudis-card-badge,
a.sitaudis-card-badge:visited {
  color: #ffffff !important;
  text-decoration: none !important;
}

a.sitaudis-card-badge:hover,
a.sitaudis-card-badge:focus {
  color: #ffffff !important;
  text-decoration: none !important;
  opacity: 0.9;
}

[data-theme="editorial_sobre"] a.sitaudis-card-badge,
[data-theme="editorial_sobre"] a.sitaudis-card-badge:visited {
  color: var(--text-muted) !important;
}

.sitaudis-card-author a,
.sitaudis-card-author a.sitaudis-card-author-link,
.sitaudis-category-item-author a {
  color: inherit !important;
  text-decoration: none !important;
  transition: opacity 0.15s ease;
}

.sitaudis-card-author a:hover,
.sitaudis-card-author a.sitaudis-card-author-link:hover,
.sitaudis-category-item-author a:hover {
  color: inherit !important;
  text-decoration: underline !important;
}

.sitaudis-author-list .cat-tag a {
  color: var(--text-muted) !important;
  text-decoration: none !important;
}

.sitaudis-author-list .cat-tag a:hover {
  color: var(--text-main) !important;
  text-decoration: underline !important;
}

/* Liste latérale des derniers textes de la section (remplacement BDD de Contenu/Derniers/*.php) */
.sitaudis-recent-list li a.sitaudis-recent-author-link {
  color: var(--text-muted) !important;
  font-style: italic;
}

.sitaudis-recent-list li a.sitaudis-recent-author-link:hover {
  color: var(--text-main) !important;
  text-decoration: underline !important;
}

/* Navigation latérale des pages d'information (/Infos/) */
.sitaudis-sidebar-info-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sitaudis-sidebar-info-nav li {
  padding: 6px 0;
  border-bottom: 1px dashed var(--border-color);
  font-size: 14px;
}

.sitaudis-sidebar-info-nav li:last-child {
  border-bottom: none;
}

.sitaudis-sidebar-info-nav li a {
  color: var(--text-main);
  text-decoration: none;
}

.sitaudis-sidebar-info-nav li a:hover {
  color: var(--color-parutions);
  text-decoration: underline;
}





/* ==========================================================================
   FILTRES CHRONOLOGIQUES DE RUBRIQUE & SCROLL PROGRESSIF
   ========================================================================== */
.sitaudis-category-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px 0;
  padding: 4px 0;
}

.sitaudis-filter-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  font-family: var(--font-title);
  font-size: 13.5px;
  font-weight: 600;
  border-radius: 20px;
  background: var(--bg-surface);
  border: var(--card-border);
  color: var(--text-muted);
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.sitaudis-filter-pill:hover {
  color: var(--text-main);
  border-color: #3366ff;
  transform: translateY(-1px);
}

.sitaudis-filter-pill.is-active {
  background: #3366ff !important;
  color: #ffffff !important;
  border-color: #3366ff !important;
  box-shadow: 0 2px 8px rgba(51, 102, 255, 0.25);
}

/* Couleurs thématiques par rubrique pour les pilules de filtre (hover et état actif) */
section.stexte.Prescriptions .sitaudis-filter-pill:hover {
  border-color: #8F655D !important;
  color: #8F655D;
}

section.stexte.Prescriptions .sitaudis-filter-pill.is-active {
  background: #8F655D !important;
  border-color: #8F655D !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(143, 101, 93, 0.3);
}

section.stexte.Incitations .sitaudis-filter-pill:hover {
  border-color: #995588 !important;
  color: #995588;
}

section.stexte.Incitations .sitaudis-filter-pill.is-active {
  background: #995588 !important;
  border-color: #995588 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(153, 85, 136, 0.3);
}

section.stexte.Poemes-et-fictions .sitaudis-filter-pill:hover {
  border-color: #ff4040 !important;
  color: #ff4040;
}

section.stexte.Poemes-et-fictions .sitaudis-filter-pill.is-active {
  background: #ff4040 !important;
  border-color: #ff4040 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(255, 64, 64, 0.3);
}

section.stexte.Apparitions .sitaudis-filter-pill:hover {
  border-color: #669966 !important;
  color: #669966;
}

section.stexte.Apparitions .sitaudis-filter-pill.is-active {
  background: #669966 !important;
  border-color: #669966 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(102, 153, 102, 0.3);
}

section.stexte.Celebrations .sitaudis-filter-pill:hover {
  border-color: #556677 !important;
  color: #556677;
}

section.stexte.Celebrations .sitaudis-filter-pill.is-active {
  background: #556677 !important;
  border-color: #556677 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(85, 102, 119, 0.3);
}

section.stexte.Feuilletons .sitaudis-filter-pill:hover {
  border-color: #3A548A !important;
  color: #3A548A;
}

section.stexte.Feuilletons .sitaudis-filter-pill.is-active {
  background: #3A548A !important;
  border-color: #3A548A !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(58, 84, 138, 0.3);
}

section.stexte.Videactions .sitaudis-filter-pill:hover {
  border-color: #00ccee !important;
  color: #00ccee;
}

section.stexte.Videactions .sitaudis-filter-pill.is-active {
  background: #00ccee !important;
  border-color: #00ccee !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 204, 238, 0.3);
}

section.stexte.Citations .sitaudis-filter-pill:hover {
  border-color: #003366 !important;
  color: #003366;
}

section.stexte.Citations .sitaudis-filter-pill.is-active {
  background: #003366 !important;
  border-color: #003366 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 51, 102, 0.3);
}

section.stexte.Auditions .sitaudis-filter-pill:hover {
  border-color: #e23135 !important;
  color: #e23135;
}

section.stexte.Auditions .sitaudis-filter-pill.is-active {
  background: #e23135 !important;
  border-color: #e23135 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(226, 49, 53, 0.3);
}

section.stexte.Photos-fictions .sitaudis-filter-pill:hover {
  border-color: #4c879d !important;
  color: #4c879d;
}

section.stexte.Photos-fictions .sitaudis-filter-pill.is-active {
  background: #4c879d !important;
  border-color: #4c879d !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(76, 135, 157, 0.3);
}

section.stexte.Liens .sitaudis-filter-pill:hover {
  border-color: #C028E5 !important;
  color: #C028E5;
}

section.stexte.Liens .sitaudis-filter-pill.is-active {
  background: #C028E5 !important;
  border-color: #C028E5 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(192, 40, 229, 0.3);
}

/* Adaptations mode sombre pour les pilules actives */
[data-mode="dark"] section.stexte.Prescriptions .sitaudis-filter-pill:hover {
  border-color: #b08076 !important;
  color: #d8aba2;
}

[data-mode="dark"] section.stexte.Prescriptions .sitaudis-filter-pill.is-active {
  background: #8F655D !important;
  border-color: #b08076 !important;
  color: #ffffff !important;
}

[data-mode="dark"] section.stexte.Feuilletons .sitaudis-filter-pill:hover {
  border-color: #5e83d4 !important;
  color: #7b9fe8;
}

[data-mode="dark"] section.stexte.Feuilletons .sitaudis-filter-pill.is-active {
  background: #5e83d4 !important;
  border-color: #5e83d4 !important;
  color: #ffffff !important;
}

[data-mode="dark"] section.stexte.Citations .sitaudis-filter-pill:hover {
  border-color: #60a5fa !important;
  color: #93c5fd;
}

[data-mode="dark"] section.stexte.Citations .sitaudis-filter-pill.is-active {
  background: #2563eb !important;
  border-color: #60a5fa !important;
  color: #ffffff !important;
}

.sitaudis-category-load-more {
  text-align: center;
  margin: 32px 0 20px 0;
}

.sitaudis-btn-load-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 28px;
  font-family: var(--font-title);
  font-size: 14.5px;
  font-weight: 600;
  border-radius: var(--radius-sm);
  background: var(--bg-surface);
  border: 1px solid var(--border-color);
  color: var(--text-main);
  cursor: pointer;
  transition: var(--transition-smooth);
}

.sitaudis-btn-load-more:hover {
  background: #3366ff;
  color: #ffffff;
  border-color: #3366ff;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(51, 102, 255, 0.25);
}

.sitaudis-load-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: sitaudis-spin 0.7s linear infinite;
}

@keyframes sitaudis-spin {
  to {
    transform: rotate(360deg);
  }
}

/* ==========================================================================
   AUTO-COMPLÉTION INSTANTANÉE RECHERCHE
   ========================================================================== */
.sitaudis-search-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 380px;
  max-width: 90vw;
  background: var(--bg-surface);
  border: var(--card-border);
  border-radius: var(--radius-md);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
  z-index: 10000;
  overflow: hidden;
  animation: sitaudisFadeIn 0.15s ease-out;
}

@keyframes sitaudisFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.sitaudis-ac-group {
  padding: 8px 0;
  border-bottom: 1px solid var(--border-color);
}

.sitaudis-ac-title {
  padding: 4px 14px 6px;
  font-family: var(--font-title);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--text-muted);
}

.sitaudis-ac-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  text-decoration: none !important;
  color: var(--text-main);
  transition: background 0.15s ease;
}

.sitaudis-ac-item:hover {
  background: rgba(0, 0, 0, 0.04);
}

[data-mode="dark"] .sitaudis-ac-item:hover {
  background: rgba(255, 255, 255, 0.06);
}

.sitaudis-ac-badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}

.sitaudis-ac-col {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.sitaudis-ac-text {
  font-family: var(--font-title);
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sitaudis-ac-sub {
  font-size: 12px;
  color: var(--text-muted);
}

.sitaudis-ac-meta {
  margin-left: auto;
  font-size: 13px;
  color: var(--text-muted);
}

.sitaudis-ac-footer {
  display: block;
  padding: 10px 14px;
  background: rgba(0, 0, 0, 0.02);
  font-family: var(--font-title);
  font-size: 13px;
  color: #3366ff;
  text-decoration: none !important;
  text-align: center;
}

.sitaudis-ac-footer:hover {
  background: rgba(51, 102, 255, 0.08);
  text-decoration: underline !important;
}

.sitaudis-ac-empty {
  padding: 18px 14px;
  text-align: center;
  font-size: 13.5px;
  color: var(--text-muted);
}

.sitaudis-search-error-tooltip {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  background: #dc2626;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25);
  z-index: 10001;
  pointer-events: none;
  animation: sitaudisFadeIn 0.15s ease-out;
}

.sitaudis-search-error-tooltip::before {
  content: '';
  position: absolute;
  top: -4px;
  left: 18px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #dc2626;
}

/* ==========================================================================
   MINIATURES D'APERÇU SITES WEB (RUBRIQUE LIENS)
   ========================================================================== */
.sitaudis-link-thumb-wrap {
  display: block;
  margin: 12px 0 14px 0;
  border-radius: var(--radius-sm);
  overflow: hidden;
  border: 1px solid var(--border-color);
  background: var(--bg-surface);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.sitaudis-link-thumb-wrap:hover {
  transform: translateY(-2px);
  border-color: #C028E5;
  box-shadow: 0 4px 14px rgba(192, 40, 229, 0.2);
}

.sitaudis-link-thumb {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
}

/* ==========================================================================
   VIEW TRANSITIONS API (TRANSITIONS DE PAGE MODERNES)
   ========================================================================== */
@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: 90ms cubic-bezier(0.4, 0, 1, 1) both sitaudisFadeOut;
}

::view-transition-new(root) {
  animation: 210ms cubic-bezier(0, 0, 0.2, 1) both sitaudisFadeIn;
}

@keyframes sitaudisFadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes sitaudisFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Déclinaison des boutons d'actions et de navigation pour Feuilletons (#3A548A) */
section.stexte.Feuilletons .sitaudis-btn-author-list {
  color: #3A548A !important;
  background: rgba(58, 84, 138, 0.08) !important;
  border: 1px solid rgba(58, 84, 138, 0.25) !important;
}

section.stexte.Feuilletons .sitaudis-btn-author-list:hover {
  background: #3A548A !important;
  color: #ffffff !important;
  border-color: #3A548A !important;
}

/* Déclinaison des boutons d'actions et de navigation pour Vidéactions (#00ccee) */
section.stexte.Videactions .sitaudis-btn-author-list,
.sitaudis-video-single-layout .sitaudis-btn-author-list {
  color: #0099bb !important;
  background: rgba(0, 204, 238, 0.08) !important;
  border: 1px solid rgba(0, 204, 238, 0.25) !important;
}

section.stexte.Videactions .sitaudis-btn-author-list:hover,
.sitaudis-video-single-layout .sitaudis-btn-author-list:hover {
  background: #00ccee !important;
  color: #ffffff !important;
  border-color: #00ccee !important;
}

/* Déclinaison des boutons d'actions et de navigation pour Citations (#003366) */
section.stexte.Citations .sitaudis-btn-author-list,
.sitaudis-citations-single-layout .sitaudis-btn-author-list,
.sitaudis-citations-hero .sitaudis-btn-author-list {
  color: #003366 !important;
  background: rgba(0, 51, 102, 0.08) !important;
  border: 1px solid rgba(0, 51, 102, 0.25) !important;
}

section.stexte.Citations .sitaudis-btn-author-list:hover,
.sitaudis-citations-single-layout .sitaudis-btn-author-list:hover,
.sitaudis-citations-hero .sitaudis-btn-author-list:hover {
  background: #003366 !important;
  color: #ffffff !important;
  border-color: #003366 !important;
}

/* ==========================================================================
   MODE SOMBRE : COULEUR ADAPTÉE POUR LES FEUILLETONS (#5e83d4)
   ========================================================================== */
[data-mode="dark"] section.stexte.Feuilletons header,
[data-mode="dark"] section.stexte.Feuilletons .sitaudis-authors-hero {
  border-bottom-color: #5e83d4 !important;
}

[data-mode="dark"] section.stexte.Feuilletons header h1,
[data-mode="dark"] section.stexte.Feuilletons header h1 .titreT,
[data-mode="dark"] section.stexte.Feuilletons header h2,
[data-mode="dark"] section.stexte.Feuilletons header p,
[data-mode="dark"] section.stexte.Feuilletons .sitaudis-authors-hero-title,
[data-mode="dark"] section.stexte.Feuilletons .sitaudis-authors-hero-lead,
[data-mode="dark"] section.stexte.Feuilletons .sitaudis-article-title,
[data-mode="dark"] section.stexte.Feuilletons .sitaudis-article-title span,
[data-mode="dark"] section.stexte.Feuilletons .sitaudis-article-author-by,
[data-mode="dark"] section.stexte.Feuilletons .sitaudis-article-author-by a,
[data-mode="dark"] section.stexte.Feuilletons .sitaudis-category-item-title a,
[data-mode="dark"] section.stexte.Feuilletons .sitaudis-category-item-author,
[data-mode="dark"] section.stexte.Feuilletons .sitaudis-category-item-author strong {
  color: #5e83d4 !important;
}

[data-mode="dark"] section.stexte.Feuilletons .sitaudis-badge-count {
  background: #5e83d4 !important;
  color: #ffffff !important;
}

[data-mode="dark"] section.stexte.Feuilletons .sitaudis-category-item:hover {
  border-color: #5e83d4 !important;
}

[data-mode="dark"] section.stexte.Feuilletons .sitaudis-btn-author-list {
  color: #5e83d4 !important;
  background: rgba(94, 131, 212, 0.15) !important;
  border-color: rgba(94, 131, 212, 0.35) !important;
}

[data-mode="dark"] section.stexte.Feuilletons .sitaudis-btn-author-list:hover {
  background: #5e83d4 !important;
  color: #ffffff !important;
  border-color: #5e83d4 !important;
}

[data-mode="dark"] section.stexte.Videactions .sitaudis-btn-author-list,
[data-mode="dark"] .sitaudis-video-single-layout .sitaudis-btn-author-list {
  color: #00e5ff !important;
  background: rgba(0, 229, 255, 0.15) !important;
  border-color: rgba(0, 229, 255, 0.35) !important;
}

[data-mode="dark"] section.stexte.Videactions .sitaudis-btn-author-list:hover,
[data-mode="dark"] .sitaudis-video-single-layout .sitaudis-btn-author-list:hover {
  background: #00ccee !important;
  color: #111111 !important;
  border-color: #00ccee !important;
}

[data-mode="dark"] section.stexte.Citations .sitaudis-btn-author-list,
[data-mode="dark"] .sitaudis-citations-single-layout .sitaudis-btn-author-list,
[data-mode="dark"] .sitaudis-citations-hero .sitaudis-btn-author-list {
  color: #60a5fa !important;
  background: rgba(96, 165, 250, 0.15) !important;
  border-color: rgba(96, 165, 250, 0.35) !important;
}

[data-mode="dark"] section.stexte.Citations .sitaudis-btn-author-list:hover,
[data-mode="dark"] .sitaudis-citations-single-layout .sitaudis-btn-author-list:hover,
[data-mode="dark"] .sitaudis-citations-hero .sitaudis-btn-author-list:hover {
  background: #60a5fa !important;
  color: #111111 !important;
  border-color: #60a5fa !important;
}

[data-mode="dark"] .sitaudis-card.Feuilletons .sitaudis-card-badge,
[data-mode="dark"] .featured-item.Feuilletons .sitaudis-card-badge,
[data-mode="dark"] .feature-horizontal-card.Feuilletons .sitaudis-card-badge {
  background-color: #5e83d4 !important;
}

/* ==========================================================================
   STYLE & NAVIGATION MODERNE DES PHOTOS-FICTIONS
   ========================================================================== */
.sitaudis-pf-navigation-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 28px 0 16px 0;
  padding: 14px 18px;
  background: var(--bg-surface);
  border: var(--card-border);
  border-radius: var(--radius-sm);
}

.sitaudis-pf-nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-family: var(--font-title);
  font-size: 14px;
  font-weight: 600;
  border-radius: var(--radius-sm);
  background: rgba(76, 135, 157, 0.08);
  border: 1px solid rgba(76, 135, 157, 0.25);
  color: #4c879d !important;
  text-decoration: none !important;
  transition: var(--transition-smooth);
}

.sitaudis-pf-nav-btn:hover {
  background: #4c879d !important;
  color: #ffffff !important;
  border-color: #4c879d !important;
}

[data-mode="dark"] .sitaudis-pf-nav-btn {
  color: #72b3cb !important;
  border-color: rgba(114, 179, 203, 0.35) !important;
  background: rgba(114, 179, 203, 0.12) !important;
}

[data-mode="dark"] .sitaudis-pf-nav-btn:hover {
  background: #72b3cb !important;
  color: #12151a !important;
}

.sitaudis-pf-counter {
  font-family: var(--font-title);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--text-muted);
}

/* Mise en page des planches et images dans le conteneur */
.sitaudis-reading-content table.RFt {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 14px !important;
  margin: 0 auto !important;
}

.sitaudis-reading-content table.RFt td {
  padding: 8px !important;
  background: var(--bg-surface);
  border: var(--card-border);
  border-radius: var(--radius-sm);
  text-align: center;
}

.sitaudis-reading-content table.RFt img.RFi,
.sitaudis-reading-content img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: var(--radius-sm);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0 auto 10px auto;
}

.sitaudis-reading-content p.RFc {
  font-family: var(--font-serif);
  font-size: 15.5px;
  line-height: 1.5;
  color: var(--text-main);
  margin: 6px 0 0 0;
}

/* Positionnement strict 3 zones : précédente à gauche, compteur au centre, suivante à droite */
.sitaudis-pf-navigation-bar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.sitaudis-pf-nav-col-prev {
  flex: 1 1 0% !important;
  text-align: left !important;
}

.sitaudis-pf-nav-col-center {
  flex: 0 0 auto !important;
  text-align: center !important;
}

.sitaudis-pf-nav-col-next {
  flex: 1 1 0% !important;
  text-align: right !important;
}

/* ==========================================================================
   Encart Annonce Rénovation - Style Headline / Product Hero (façon Bootstrap Product)
   ========================================================================== */
.sitaudis-renovation-card {
  background: var(--bg-surface, #ffffff);
  border: 1px solid var(--border-light, #e2e8f0);
  border-radius: var(--radius-lg, 16px);
  padding: 18px 28px 24px 28px;
  margin-bottom: 28px;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.12), 0 4px 12px -2px rgba(0, 0, 0, 0.06);
  transition: var(--transition-smooth, all 0.25s ease);
}

.sitaudis-renovation-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 14px;
  max-width: 100%;
  margin: 0;
}

.sitaudis-renovation-headline {
  margin: 0;
  font-family: var(--font-title, sans-serif);
  font-weight: 300;
  line-height: 1.18;
  letter-spacing: -0.025em;
  color: var(--text-main, #0f172a);
}

.sitaudis-renovation-subtitle {
  margin: 0;
  font-family: var(--font-body, sans-serif);
  line-height: 1.58;
  font-weight: 400;
  color: var(--text-secondary, #475569);
  font-size: 15px;
}

/* Bouton Call-to-Action moderne façon Bootstrap Product */
.sitaudis-renovation-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: var(--color-parutions, #3366ff);
  color: #ffffff;
  border: 1px solid transparent;
  padding: 2px 3px 2px 7px;
  border-radius: 4px;
  font-family: var(--font-title, sans-serif);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(51, 102, 255, 0.32);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  text-decoration: none;
  margin-left: 5px;
}

.sitaudis-renovation-cta-btn:hover {
  background-color: #1d4ed8;
  box-shadow: 0 6px 20px rgba(29, 78, 216, 0.42);
  transform: translateY(-1px);
  color: #ffffff;
}

.sitaudis-renovation-cta-btn:active {
  transform: translateY(0);
}

.sitaudis-renovation-cta-btn .toggle-arrow {
  display: inline-block;
  transition: transform 0.25s ease;
  flex-shrink: 0;
}

.sitaudis-renovation-cta-btn[aria-expanded="true"] .toggle-arrow {
  transform: rotate(180deg);
}

.sitaudis-renovation-collapse {
  margin-top: 26px;
  padding-top: 24px;
  border-top: 1px solid var(--border-light, #e2e8f0);
}

.sitaudis-renovation-collapse[hidden] {
  display: none !important;
}

/* Grille d'icônes Bootstrap 5 Features style */
.sitaudis-icon-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 24px;
}

@media (max-width: 768px) {
  .sitaudis-renovation-card {
    padding: 24px 18px 20px 18px;
    border-radius: var(--radius-md, 12px);
  }

  .sitaudis-icon-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

.sitaudis-icon-feature {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.sitaudis-icon-feature .feature-icon-wrapper {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(51, 102, 255, 0.08);
  color: var(--color-parutions, #3366ff);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sitaudis-icon-feature .feature-content {
  flex: 1 1 auto;
}

.sitaudis-icon-feature .feature-title {
  margin: 0 0 4px 0;
  font-family: var(--font-title, sans-serif);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--text-main, #0f172a);
}

.sitaudis-icon-feature .feature-desc {
  margin: 0;
  font-family: var(--font-body, sans-serif);
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--text-secondary, #64748b);
}

/* Dark mode adjustments */
[data-mode="dark"] .sitaudis-renovation-card {
  background: var(--bg-surface, #1e293b);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.5), 0 4px 12px -2px rgba(0, 0, 0, 0.3);
}

[data-mode="dark"] .sitaudis-renovation-headline {
  color: #f8fafc;
}

[data-mode="dark"] .sitaudis-renovation-subtitle {
  color: #cbd5e1;
}

[data-mode="dark"] .sitaudis-renovation-cta-btn {
  background-color: #3b82f6;
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(59, 130, 246, 0.4);
}

[data-mode="dark"] .sitaudis-renovation-cta-btn:hover {
  background-color: #2563eb;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.5);
}

[data-mode="dark"] .sitaudis-renovation-collapse {
  border-top-color: rgba(255, 255, 255, 0.12);
}

[data-mode="dark"] .sitaudis-icon-feature .feature-icon-wrapper {
  background: rgba(96, 165, 250, 0.15);
  color: #60a5fa;
}

[data-mode="dark"] .sitaudis-icon-feature .feature-title {
  color: #f8fafc;
}

[data-mode="dark"] .sitaudis-icon-feature .feature-desc {
  color: #cbd5e1;
}