/* ==========================================================================
   O'Dance Holiday — Crète 2027 · ajouts faits sur odanceevents.com
   (hors du zip livré, 2026-09-29) :
   1. .odp-bar      barre de retour vers le site de l'école, au-dessus du menu
   2. .odp-menu-link le même lien en bas du menu burger (< 1400 px)
   3. .odp-footer-link lien du nom de l'école dans le pied de page
   4. liens du sélecteur de langue (le zip n'avait que des libellés « bientôt »)
   Rien ici ne modifie les règles du zip : uniquement de nouvelles classes.
   ========================================================================== */

/* Hauteur de la barre, lue aussi par le menu burger (il doit tenir dans l'écran
   quand la barre est encore visible). 44 px dès qu'on touche l'écran. */
:root { --odp-h: 36px; }
@media (pointer: coarse), (max-width: 640px) { :root { --odp-h: 44px; } }

.odp-bar {
  display: block;
  background: #0b2a5b;               /* bleu nuit du menu (--odn-navy) */
  color: #fff;
  font-family: "ODN Montserrat", system-ui, sans-serif;
  font-size: 13.5px;
  line-height: 1.2;
}
.odp-bar__inner {
  max-width: 1560px;                 /* même largeur que le menu */
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 48px);
  min-height: var(--odp-h);
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.odp-bar__link {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: var(--odp-h);
  color: #fff; font-weight: 600; text-decoration: none;
  text-underline-offset: 4px; text-decoration-thickness: 2px;
}
.odp-bar__link:hover { text-decoration: underline; text-decoration-color: #fcd12a; }
/* anneau dessiné À L'INTÉRIEUR du lien : la barre est à ras du haut de l'écran
   et l'en-tête collant passe dessous, un anneau extérieur serait rogné */
.odp-bar__link:focus-visible { outline: 2px solid #fcd12a; outline-offset: -3px; border-radius: 4px; padding: 0 6px; margin: 0 -6px; }
.odp-bar__arrow { font-size: 15px; }
.odp-bar__short { display: none; }
.odp-bar__tag { color: #c9d6ee; font-weight: 500; }

/* Lien du menu burger : seulement quand le menu est un panneau (< 1400 px). */
.odp-menu-link { display: none; }

/* Pied de page : le nom de l'école devient un lien, sans changer l'allure. */
.odp-footer-link { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.odp-footer-link:hover { text-decoration-color: #fcd12a; }

/* Sélecteur de langue : les langues sont maintenant des liens. */
.odn__lang li a {
  display: block; margin: -9px -12px; padding: 9px 12px; border-radius: 6px;
  color: inherit; text-decoration: none;
}
.odn__lang li a:hover { background: #f1f6fd; }

@media (max-width: 1399.98px) {
  .odp-menu-link {
    display: flex; align-items: center; gap: 8px;
    min-height: 48px; padding: 12px 4px 0;
    border-top: 1px solid #eef2f8;
    color: #1f5fb4; font-weight: 600; font-size: 15px; text-decoration: none;
  }
  .odp-menu-link:focus-visible { outline: 3px solid #1f5fb4; outline-offset: 3px; border-radius: 4px; }
  /* le panneau du menu tient dans l'écran même quand la barre est encore visible */
  .odp-bar + .odn .odn__menu { max-height: calc(100vh - var(--odn-h) - var(--odp-h)); }
  /* langues : cibles tactiles de 44 px dans le menu burger */
  .odn__lang li a { display: flex; align-items: center; min-height: 44px; margin: -9px -12px; padding: 0 12px; }
}

/* ---------- Ajustements des traductions (textes plus longs que le français) ---------- */
/* EN : « 16 MAY - 23 MAY 2027 » dépassait la pastille jaune du hero sur mobile */
@media (max-width: 1023.98px) {
  html[lang="en"] .odh-hero__dates { width: max-content; max-width: 100%; }
}
/* NL : onglets « Tweepersoonskamer / Eenpersoonskamer » (césure permise dans
   les données) */
html[lang="nl"] .odtr-rooms__tab { white-space: normal; }
/* NL : « Betaal het voorschot van 350 € » tient sur une ligne sur ordinateur */
html[lang="nl"] .odpay-btn--pay { width: min(100%, 500px); }
/* NL : la ligne « Veilige betaling | Beperkt aantal plaatsen | Gegarandeerd
   vertrek » du bandeau de réservation, plus longue, reste dans sa boîte */
@media (min-width: 1025px) {
  html[lang="nl"] .odf-cta__trust {
    left: calc(1000 * var(--s)); width: calc(514 * var(--s));
    font-size: max(calc(14.5 * var(--s)), 10.5px);
  }
}

@media (max-width: 640px) {
  .odp-bar__tag { display: none; }
}
@media (max-width: 359.98px) {
  .odp-bar__long { display: none; }
  .odp-bar__short { display: inline; }
}