/*
    Feuille de style - Data Terra, 10 ans (03-05 février 2027)

    Avant d'utiliser ce fichier :
    1. Dans la gestion de l'événement > Mise en page > Images, téléversez
       le visuel "Save the date".
    2. Copiez l'URL de l'image obtenue et remplacez VISUEL_URL ci-dessous
       (ex. : /event/1234/images/5678/save-the-date.png).
*/

:root {
  /* Couleurs Data Terra */
  --dt-navy: #20214e;
  --dt-teal: #0ab0a0;
  --dt-white: #ffffff;
  --dt-visuel: url('VISUEL_URL');

  /* Header */
  --conf-theme-header-bg: var(--dt-navy);
  --conf-theme-header-border-bottom: var(--dt-teal);
  --conf-theme-header-text: var(--dt-white);

  /* Subtitle area */
  --conf-theme-subtitle-bg: #f1f9f8;
  --conf-theme-subtitle-border: #bfe6e1;
  --conf-theme-subtitle-text: var(--dt-navy);

  /* Menu colors */
  --conf-theme-menu-bg: #f6f7fa;
  --conf-theme-menu-border: #d4d5e3;
  --conf-theme-menu-link: var(--dt-navy);
  --conf-theme-menu-selected: var(--dt-teal);
  --conf-theme-menu-selected-bg: #e3f5f3;
  --conf-theme-menu-selected-border: #bfe6e1;
  --conf-theme-hover-bg: #e9eaf3;
  --conf-theme-hover-color: var(--conf-theme-menu-link);
  --conf-theme-title-sprite-bg: transparent;
  --conf-theme-announcement-sprite-bg: transparent;
  --conf-theme-announcement-border-top: 1px solid var(--conf-theme-announcement-border);
  --conf-theme-announcement-border-bottom: none;

  /* Support box */
  --conf-theme-support-bg: #f6f7fa;
  --conf-theme-support-border: #d4d5e3;
  --conf-theme-support-header-bg: var(--dt-navy);
  --conf-theme-support-header-text: #f3f3f3;
  --conf-theme-support-text: #6b6c88;

  /* Background images */
  --conf-theme-sprite-image: url('/images/conf/sprites_blue.png');

  /* Announcement colors */
  --conf-theme-announcement-bg: #f1f9f8;
  --conf-theme-announcement-border: #bfe6e1;
  --conf-theme-announcement-text: var(--dt-navy);
}

/* Other CSS as needed */

body {
  font-family: "Raleway", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

a {
  color: var(--dt-navy);
}

a:hover {
  color: var(--dt-teal);
}

h1, h2, h3 {
  color: var(--dt-navy);
}

/* Bandeau : le visuel "Save the date" remplace l'en-tête classique.
   Le fond marine du visuel se prolonge sur toute la largeur de la page. */
.conf-header,
.event-header,
#confHeader {
  background-color: var(--dt-navy);
  background-image: var(--dt-visuel);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 380px;
  border-bottom: 4px solid var(--dt-teal);
}

/* Le visuel contient déjà le titre : on masque le texte du titre
   en gardant le lien accessible aux lecteurs d'écran. */
.conf-header .conference-title-link,
.event-header .conference-title-link,
#confHeader .conference-title-link {
  position: absolute;
  left: -9999px;
}

@media (max-width: 700px) {
  .conf-header,
  .event-header,
  #confHeader {
    min-height: 240px;
  }
}