/* ==========================================================================
   Le Nordik Réserve Boréale — ajustements SEO et bilinguisme
   --------------------------------------------------------------------------
   Ce fichier s'ajoute à l'export Webflow. Il ne modifie aucune classe
   existante : il n'ajoute que de nouvelles classes utilitaires. Le design
   du site reste identique.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Titres : conserver l'apparence d'origine malgré le changement de balise
   Certaines pages avaient plusieurs H1 (ou aucun). Les balises ont été
   corrigées pour le référencement et ces classes rétablissent exactement
   la taille et l'interlettrage d'origine.
   -------------------------------------------------------------------------- */
.as-h1 {
  font-size: var(--_🅰️-typography---2️⃣-heading-font-size--h1);
  letter-spacing: -4.8px;
}

@media screen and (max-width: 991px) {
  .as-h1 {
    letter-spacing: -3px;
  }
}

.as-h2 {
  font-size: var(--_🅰️-typography---2️⃣-heading-font-size--h2);
  letter-spacing: -3.2px;
}

/* --------------------------------------------------------------------------
   2. Sélecteur de langue FR / EN dans l'en-tête
   Reprend la typographie du bouton MENU (Urbanist 16 px, 600, majuscules,
   blanc) afin de s'intégrer à l'en-tête existant.
   -------------------------------------------------------------------------- */
.lang-switch {
  flex: none;
  align-items: center;
  display: flex;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

.lang-switch-link {
  font-family: var(--_🅰️-typography---1️⃣-font-family--urbanist);
  font-size: var(--_🅰️-typography---3️⃣-paragraph-font-size--paragraph);
  line-height: var(--_🅰️-typography---5️⃣-line-height--medium);
  font-weight: var(--_🅰️-typography---6️⃣-font-weight--semi-bold);
  color: var(--🎨-color--white);
  text-transform: uppercase;
  text-decoration: none;
  opacity: .5;
  transition: opacity .2s;
}

.lang-switch-link:hover,
.lang-switch-link:focus-visible {
  opacity: 1;
  color: var(--🎨-color--white);
}

.lang-switch-link.is-active {
  opacity: 1;
}

.lang-switch-separator {
  color: var(--🎨-color--white);
  font-size: var(--_🅰️-typography---3️⃣-paragraph-font-size--paragraph);
  line-height: var(--_🅰️-typography---5️⃣-line-height--medium);
  font-weight: var(--_🅰️-typography---6️⃣-font-weight--semi-bold);
  opacity: .35;
}

/* --------------------------------------------------------------------------
   3. Page « Politique de confidentialité »
   Mise en page sobre construite avec les variables du thème.
   -------------------------------------------------------------------------- */
.legal-wrapper {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.legal-block {
  margin-top: var(--_📐-spacing---1️⃣-spacing--space-xl);
}

.legal-block .h6-heading {
  margin-bottom: var(--_📐-spacing---1️⃣-spacing--space-xs);
}

.legal-text {
  text-align: left;
}

.legal-list {
  margin-top: var(--_📐-spacing---1️⃣-spacing--space-xs);
  margin-bottom: 0;
  padding-left: var(--_📐-spacing---1️⃣-spacing--space-md);
}

.legal-list li {
  color: var(--🎨-color--gray-500);
  font-family: var(--_🅰️-typography---1️⃣-font-family--urbanist);
  font-size: var(--_🅰️-typography---3️⃣-paragraph-font-size--large-paragraph);
  line-height: var(--_🅰️-typography---5️⃣-line-height--large);
  font-weight: var(--_🅰️-typography---6️⃣-font-weight--semi-bold);
  letter-spacing: .4px;
  margin-bottom: 8px;
}

.legal-link {
  color: var(--🎨-color--wood-700);
  text-decoration: underline;
}

.legal-link:hover {
  color: var(--🎨-color--wood-800);
}

.legal-date {
  color: var(--🎨-color--wood-800);
}