/* Piste « Entre amis » : crème et vert golf chaleureux, terrasse au soleil, avec un vrai pouls sportif.
   Rouge fanion en petites touches (week-end, date, prix, filets sous les surtitres), chiffres et étiquettes en condensée.
   Chargée après site.css sur toutes les pages du site (<html data-da="amis">).
   Tout est préfixé par html[data-da="amis"]. Polices auto-hébergées (static/fonts/), rien d'externe. */

/* ============================================================ Polices */
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/manrope-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("fonts/manrope-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("fonts/manrope-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("fonts/barlow-condensed-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/barlow-condensed-latin-700-normal.woff2") format("woff2"); }

/* ============================================================ Jetons (le double sélecteur passe devant les thèmes) */
/* Couleurs « Entre amis » : elles remplacent le thème par défaut (foret). Les autres thèmes choisis dans la gestion
   gardent leurs couleurs et prennent seulement les polices et les formes ci-dessous. */
html[data-da="amis"][data-theme="foret"] {
  /* Fonds */
  --lin-50: #FAF6EE;                 /* crème : fond de page */
  --lin-100: #F2EBDD;                /* crème foncé : sections alternées */
  --sable-200: #E2D8C3;              /* filets chauds */
  --blanc: #FFFFFF;
  /* Encre */
  --encre-900: #2A2620;
  --encre-600: #5E5648;              /* 6,5:1 sur la crème */
  --trait-400: #8C8472;
  --trait-200: #E8DFCC;
  /* Vert golf */
  --foret-950: #183326;              /* blocs sombres */
  --foret-800: #1D4630;              /* titres, survols */
  --foret-700: #24563B;              /* boutons, liens */
  --gazon-500: #4A8059;              /* décor seulement */
  --gazon-300: #E8B54A;              /* sur fond sombre : jaune soleil (pictos, surtitres) */
  --gazon-100: #E6EEDF;
  --brume: #C3D2C4;
  /* Rouge fanion et soleil */
  --fanion: #C8432B;                 /* barres, filets, fonds (jamais du petit texte) */
  --fanion-texte: #B23A24;           /* texte rouge sur crème : plus de 5:1 */
  --miel-400: #E8B54A;               /* prix de l'ardoise, focus sur sombre */
  --tuile-700: #B23A24;
  --tuile-600: #C8432B;
  --tuile-100: #F6E2DA;
  --accent: #24563B;
  --accent-fonce: #1D4630;
  --accent-pale: #E6EEDF;
  --lien: #24563B;
  --voile-rgb: 24,51,38;
  --fond-rgb: 250,246,238;
  --clair-rgb: 242,235,221;
  --halo-rgb: 74,128,89;
  --halo2-rgb: 36,86,59;
  --ardoise: #183326;
  --ardoise-rgb: 24,51,38;
  --ciel-haut: #F3EDDD; --ciel-milieu: #F7F2E6; --ciel-bas: #FAF6EE;
  --ciel: linear-gradient(180deg, #F3EDDD 0%, #FAF6EE 100%);
  --voile-photo: linear-gradient(180deg, rgba(24,51,38,.06) 0%, rgba(24,51,38,.50) 58%, rgba(24,51,38,.86) 100%);
}

html[data-da="amis"] {
  --fanion-texte: var(--cerf-700);   /* rouge lisible des autres thèmes (redéfini plus haut pour le thème par défaut) */
  /* Polices */
  --f-titre: "Manrope", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --f-affiche: "Manrope", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --f-texte: "Manrope", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --f-ui: "Manrope", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --f-chiffres: "Barlow Condensed", "Arial Narrow", "Bahnschrift", system-ui, sans-serif;

  /* Formes : coins arrondis sans être enfantins, ombres chaudes teintées vert-brun */
  --r-s: 8px; --r-m: 12px; --r-l: 18px; --r-xl: 22px; --r-champ: 12px; --r-pilule: 12px;
  --ombre-1: 0 1px 2px rgba(60,48,24,.08);
  --ombre-2: 0 2px 4px rgba(60,48,24,.06), 0 8px 18px -8px rgba(36,70,48,.22);
  --ombre-3: 0 3px 6px rgba(60,48,24,.08), 0 16px 28px -12px rgba(36,70,48,.32);
}

/* ============================================================ Base */
html[data-da="amis"] body { background: var(--lin-50); color: var(--encre-900); font-family: var(--f-texte); }
html[data-da="amis"] h1,
html[data-da="amis"] h2,
html[data-da="amis"] h3,
html[data-da="amis"] h4 { font-family: var(--f-titre); font-weight: 800; letter-spacing: -.015em; line-height: 1.15; }
html[data-da="amis"] .section-lin { background: var(--lin-100); }
html[data-da="amis"] .section-foret { background: var(--foret-950); }
html[data-da="amis"] .section-foret h2, html[data-da="amis"] .section-foret h3 { color: var(--lin-50); }
html[data-da="amis"] .chapo-section { color: var(--encre-600); }
html[data-da="amis"] .sur-sombre .chapo-section { color: var(--brume); }
/* Chiffres, dates : le tableau d'affichage */
html[data-da="amis"] .num { font-family: var(--f-chiffres); font-weight: 600; font-variant-numeric: tabular-nums lining-nums; }

/* Surtitres : condensée majuscule, petite barre rouge dessous */
html[data-da="amis"] .surtitre,
html[data-da="amis"] .hv-surtitre,
html[data-da="amis"] .bt-rubrique {
  font-family: var(--f-chiffres); font-weight: 700; font-size: 1.1rem; letter-spacing: .1em; text-transform: uppercase; }
html[data-da="amis"] .surtitre { color: var(--foret-700); }
html[data-da="amis"] .sur-sombre .surtitre,
html[data-da="amis"] .section-foret .surtitre { color: var(--miel-400); }
html[data-da="amis"] .hv-surtitre { color: #FFFFFF; }
html[data-da="amis"] .surtitre::after,
html[data-da="amis"] .hv-surtitre::after {
  content: ""; display: block; width: 34px; height: 3px; margin-top: .4em; background: var(--fanion); border-radius: 2px; }
html[data-da="amis"] .lien-suite { font-weight: 700; }

/* Focus toujours visible */
html[data-da="amis"] :focus-visible { outline: 3px solid var(--foret-950); outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--lin-50); }
html[data-da="amis"] .sur-sombre :focus-visible,
html[data-da="amis"] .section-foret :focus-visible,
html[data-da="amis"] .infos-haut :focus-visible,
html[data-da="amis"] .pied-site :focus-visible,
html[data-da="amis"] .hv :focus-visible,
html[data-da="amis"] .bt-lien:focus-visible { outline-color: var(--miel-400); box-shadow: 0 0 0 5px var(--foret-950); }

/* ============================================================ Boutons : verts, 12 px, pas de majuscules */
html[data-da="amis"] .bouton,
html[data-da="amis"] .bouton-menu,
html[data-da="amis"] .bouton-a-plus {
  border-radius: var(--r-m); font-family: var(--f-ui); font-weight: 800; letter-spacing: 0; text-transform: none; min-height: 52px; }
html[data-da="amis"] .bouton-plein { background: var(--foret-700); border-color: var(--foret-700); color: #FFFFFF; }
html[data-da="amis"] .bouton-plein:hover { background: var(--foret-800); border-color: var(--foret-800); color: #FFFFFF; }
html[data-da="amis"] .bouton-contour { background: transparent; border-color: var(--foret-700); color: var(--foret-700); }
html[data-da="amis"] .bouton-contour:hover { background: var(--gazon-100); color: var(--foret-800); border-color: var(--foret-800); }
html[data-da="amis"] .bouton-clair { background: var(--lin-50); border-color: var(--lin-50); color: var(--foret-950); }
html[data-da="amis"] .bouton-clair:hover { background: #FFFFFF; border-color: #FFFFFF; color: var(--foret-950); }
html[data-da="amis"] .bouton-fantome { color: var(--foret-700); }
html[data-da="amis"] .bouton-heros-second { background: var(--lin-50); border-color: var(--lin-50); color: var(--foret-950); }
html[data-da="amis"] .bouton-heros-second:hover { background: #FFFFFF; color: var(--foret-950); }
html[data-da="amis"] .bouton-menu { background: var(--foret-700); border-color: var(--foret-700); color: #FFFFFF; }
html[data-da="amis"] .bouton-menu:hover { background: var(--foret-800); border-color: var(--foret-800); color: #FFFFFF; }
html[data-da="amis"] .bouton-a-plus-court:hover { background: var(--gazon-100); }
html[data-da="amis"] .hv .bouton-plein { box-shadow: var(--ombre-3); }

/* Badges */
html[data-da="amis"] .badge { border-radius: var(--r-s); font-weight: 700; }
html[data-da="amis"] .badge-maintenant { background: var(--fanion-texte); color: #FFFFFF; }

/* ============================================================ Bandeau d'infos, en-tête, pied */
html[data-da="amis"] .infos-haut { background: var(--foret-950); color: var(--lin-100); }
html[data-da="amis"] .infos-ligne .ic { color: var(--miel-400); }
html[data-da="amis"] .tete { background: var(--lin-50); border-bottom: 1px solid var(--sable-200);
  -webkit-backdrop-filter: none; backdrop-filter: none; }
html[data-da="amis"].js .tete-sur-heros:not(.est-opaque) { background: transparent; border-bottom-color: transparent; }
html[data-da="amis"] .nav-lien { font-family: var(--f-ui); font-weight: 600; }
html[data-da="amis"] .marque-nom, html[data-da="amis"] .marque-l1 { font-family: var(--f-titre); font-weight: 800; letter-spacing: -.01em; }
html[data-da="amis"] .pied-site { background: var(--foret-950); }
html[data-da="amis"] .pied-crete { --crete-fond: var(--foret-950); }
html[data-da="amis"] .pied-titre { font-family: var(--f-chiffres); font-weight: 700; font-size: 1.3rem; text-transform: uppercase;
  letter-spacing: .08em; color: var(--lin-50); }
html[data-da="amis"] .pied-titre::after { content: ""; display: block; width: 28px; height: 3px; margin-top: .4em; background: var(--fanion); border-radius: 2px; }
html[data-da="amis"] .pied-col li .ic, html[data-da="amis"] .pied-coord .ic { color: var(--miel-400); }

/* ============================================================ Héros : le titre reste blanc (couleur non touchée) */
html[data-da="amis"] .hv { background: var(--foret-950); }
html[data-da="amis"] .hv-titre { font-weight: 800; letter-spacing: -.02em; text-transform: none; text-shadow: 0 2px 16px rgba(24,51,38,.45); }
html[data-da="amis"] .hv-phrase { font-family: var(--f-texte); font-weight: 600; }
html[data-da="amis"] .hv-voile {
  background: linear-gradient(180deg, rgba(24,51,38,.32) 0%, rgba(24,51,38,.10) 35%, rgba(24,51,38,.50) 70%, rgba(24,51,38,.82) 100%); }
@media (min-width: 900px) {
  html[data-da="amis"] .hv-voile {
    background:
      linear-gradient(90deg, rgba(24,51,38,.66) 0%, rgba(24,51,38,.44) 40%, rgba(24,51,38,.08) 75%, rgba(24,51,38,0) 100%),
      linear-gradient(180deg, rgba(24,51,38,.20) 0%, rgba(24,51,38,0) 30%, rgba(24,51,38,.30) 75%, rgba(24,51,38,.55) 100%); }
}

/* ============================================================ État du terrain : cartes blanc chaud */
html[data-da="amis"] .etat-terrain { background: var(--lin-100); }
html[data-da="amis"] .etat { background: #FFFDF8; border: 1px solid var(--sable-200); border-radius: var(--r-l); box-shadow: var(--ombre-2); }
html[data-da="amis"] .etat-ko { border: 2px solid var(--fanion-texte); }
html[data-da="amis"] .etat-ok .etat-pastille { background: var(--gazon-100); color: var(--foret-700); }
html[data-da="amis"] .etat-ko .etat-pastille { background: var(--tuile-100); color: var(--fanion-texte); }
html[data-da="amis"] .etat-nom { color: var(--encre-600); font-weight: 600; }
html[data-da="amis"] .etat-mot { font-family: var(--f-chiffres); font-weight: 700; font-size: 1.5rem; line-height: 1.1;
  letter-spacing: .05em; text-transform: uppercase; }
html[data-da="amis"] .etat-ok .etat-mot { color: var(--foret-700); }
html[data-da="amis"] .etat-ko .etat-mot { color: var(--fanion-texte); }
html[data-da="amis"] .etat-pied a, html[data-da="amis"] .etat-pied a .ic,
html[data-da="amis"] .etat-pied .avec-barre .ic { color: var(--foret-700); }
html[data-da="amis"] .etat-message { background: #FFFDF8; border-left: 4px solid var(--fanion); border-radius: var(--r-s); }
html[data-da="amis"] .etat-message .ic { color: var(--fanion-texte); }
html[data-da="amis"] .terrain-tel { background: #FFFDF8; border-color: var(--sable-200); }
html[data-da="amis"] .terrain-tel.est-ko { border-color: var(--fanion-texte); }
html[data-da="amis"] .terrain-tel.est-ko .tt-pastille { background: var(--tuile-100); color: var(--fanion-texte); }

/* ============================================================ Tuiles de l'accueil */
html[data-da="amis"] .bt-lien { border-radius: var(--r-l); box-shadow: var(--ombre-2); }
html[data-da="amis"] .bt-lien:hover { transform: translateY(-2px); box-shadow: var(--ombre-3); }
html[data-da="amis"] .bt-voile {
  background: linear-gradient(180deg, rgba(24,51,38,0) 0%, rgba(24,51,38,.08) 30%, rgba(24,51,38,.70) 58%, rgba(24,51,38,.92) 100%); }
html[data-da="amis"] .bt-parcours .bt-voile {
  background: linear-gradient(0deg, rgba(24,51,38,.92) 0, rgba(24,51,38,.80) 8.5rem, rgba(24,51,38,0) 13rem); }
html[data-da="amis"] .bt-titre { font-family: var(--f-titre); font-weight: 800; letter-spacing: -.01em; text-transform: none; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
html[data-da="amis"] .bt-precision { color: var(--lin-100); }
html[data-da="amis"] .bt-prix { border-radius: var(--r-s); background: var(--lin-50); color: var(--fanion-texte);
  font-family: var(--f-chiffres); font-size: 1.2rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
html[data-da="amis"] .bt-fleche { width: 44px; height: 44px; border-radius: 50%; background: #FFFFFF; border: 0; color: var(--foret-800); }
html[data-da="amis"] .bt-lien:hover .bt-fleche { background: var(--lin-50); color: var(--foret-950); }

/* Ardoise du restaurant : vert profond, titre manuscrit conservé, prix jaune soleil */
html[data-da="amis"] .bt-duo { background: var(--ardoise); }
html[data-da="amis"] .bt-ardoise-titre { color: var(--miel-400); }
html[data-da="amis"] .bt-rubrique { color: var(--brume); font-size: 1.05rem; }
html[data-da="amis"] .bt-rubrique::after { display: none; }
html[data-da="amis"] .bt-plat .num { color: var(--miel-400); font-size: 1.2rem; font-weight: 700; }
html[data-da="amis"] .bt-plat .pointilles { border-bottom-color: rgba(var(--clair-rgb), .32); }
html[data-da="amis"] .bt-suite { color: var(--lin-50); font-weight: 700; }

/* ============================================================ « Ce week-end au club » : le cœur sportif */
html[data-da="amis"] .bt-panneau { position: relative; background: #FFFFFF; border: 1px solid var(--sable-200);
  border-top: 6px solid var(--fanion); border-radius: var(--r-l); box-shadow: var(--ombre-2); }
html[data-da="amis"] .bt-panneau h3 { display: inline-block; align-self: flex-start; margin: 0; padding: .2rem .75rem;
  border-radius: var(--r-s); background: var(--fanion-texte); color: #FFFFFF;
  font-family: var(--f-chiffres); font-size: 1.25rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; line-height: 1.3; }
html[data-da="amis"] .bw-date { background: var(--tuile-100); color: var(--fanion-texte); border: 2px solid var(--fanion); border-radius: var(--r-m); }
html[data-da="amis"] .bw-jour { font-family: var(--f-chiffres); font-size: 3rem; font-weight: 700; line-height: 1; }
html[data-da="amis"] .bw-mois { font-family: var(--f-chiffres); font-weight: 700; font-size: 1.15rem; letter-spacing: .1em; text-transform: uppercase; }
html[data-da="amis"] .bw-quand { color: var(--fanion-texte); font-family: var(--f-chiffres); font-size: 1.25rem; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase; }
html[data-da="amis"] .bw-titre { font-weight: 800; letter-spacing: -.01em; color: var(--encre-900); }
html[data-da="amis"] .bw-titre a { text-decoration-color: var(--fanion); text-decoration-thickness: 2px; }
html[data-da="amis"] .bw-titre a:hover { color: var(--foret-700); }
html[data-da="amis"] .bw-titre .ic { color: var(--foret-700); }
html[data-da="amis"] .bw-resume { color: var(--encre-600); }
html[data-da="amis"] .bw-img { border-radius: var(--r-s); box-shadow: var(--ombre-1); }
/* Téléphone : même touche rouge, sans rien ajouter */
html[data-da="amis"] .weekend-tel { background: #FFFFFF; border: 1px solid var(--sable-200); border-top: 5px solid var(--fanion);
  border-radius: var(--r-m); }
html[data-da="amis"] #tel-weekend { font-family: var(--f-chiffres); font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--fanion-texte); }
html[data-da="amis"] .wt-titre { font-weight: 800; color: var(--encre-900); }
html[data-da="amis"] .wt-quand { font-family: var(--f-chiffres); font-weight: 700; font-size: 1.25rem; letter-spacing: .05em;
  text-transform: uppercase; color: var(--fanion-texte); }

/* ============================================================ Cartes et blocs de contenu */
html[data-da="amis"] .actu,
html[data-da="amis"] .carte-prix,
html[data-da="amis"] .carte-offre,
html[data-da="amis"] .galerie-photo { background: #FFFFFF; border: 1px solid var(--sable-200); border-radius: var(--r-l); box-shadow: var(--ombre-1); }
html[data-da="amis"] .galerie-photo { overflow: hidden; }
html[data-da="amis"] .carte-prix-vedette { border: 2px solid var(--foret-700); box-shadow: var(--ombre-2); }
@media (min-width: 600px) {
  html[data-da="amis"] .carte-prix-vedette .cp-parcours { background: var(--foret-700); color: var(--blanc); border-radius: var(--r-s); } }
html[data-da="amis"] .bandeau h1 { text-shadow: none; }
html[data-da="amis"] .bandeau-info { border-radius: var(--r-m); }
html[data-da="amis"] .bandeau-site-alerte { background: #8F2E1C; }

/* ============================================================ Langues : FR | DE | EN
   Un groupe de trois liens (la page dans l'autre langue), la langue active pleine. Trois emplacements : barre d'infos
   (ordinateur), en-tête (600 px et plus) et haut du menu plein écran (téléphone, où l'en-tête n'a pas la place).
   Chaque lien fait au moins 44 px de côté. */
html[data-da="amis"] .langue { display: inline-flex; align-items: stretch; flex: none; overflow: hidden;
  border: 2px solid var(--foret-700); border-radius: 999px; background: transparent; }
html[data-da="amis"] .langue-lien { display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px; padding: 0 .6rem; color: var(--foret-800); text-decoration: none;
  font-family: var(--f-chiffres); font-weight: 700; font-size: 1.125rem; letter-spacing: .06em; line-height: 1; }
html[data-da="amis"] .langue-lien + .langue-lien { border-left: 1px solid var(--trait-200); }
html[data-da="amis"] .langue-lien:hover { background: var(--gazon-100); color: var(--foret-800); }
html[data-da="amis"] .langue-lien[aria-current] { background: var(--foret-700); color: #FFFFFF; }
html[data-da="amis"] .langue-lien:focus-visible { outline-offset: -3px; box-shadow: none; }
/* Barre d'infos (fond sombre) */
html[data-da="amis"] .langue-haut { border-color: rgba(var(--clair-rgb), .55); }
html[data-da="amis"] .langue-haut .langue-lien { color: var(--lin-100); min-height: 44px; }
html[data-da="amis"] .langue-haut .langue-lien + .langue-lien { border-left-color: rgba(var(--clair-rgb), .35); }
html[data-da="amis"] .langue-haut .langue-lien:hover { background: rgba(var(--clair-rgb), .16); color: var(--blanc); }
html[data-da="amis"] .langue-haut .langue-lien[aria-current] { background: var(--lin-100); color: var(--foret-950); }
/* En-tête : seulement à partir de 600 px (en dessous, le bouton est en tête du menu) */
html[data-da="amis"] .langue-tete { display: none; }
@media (min-width: 600px) { html[data-da="amis"] .langue-tete { display: inline-flex; } }
/* Menu plein écran : trois grands boutons */
html[data-da="amis"] .mm-langue { margin-top: 1rem; }
html[data-da="amis"] .mm-langue .langue { display: flex; width: 100%; background: var(--blanc); }
html[data-da="amis"] .mm-langue .langue-lien { flex: 1; min-height: 52px; font-size: 1.25rem; }
@media (min-width: 600px) { html[data-da="amis"] .mm-langue { display: none; } }
/* Texte agrandi : les boutons du haut sont plus larges, la langue passe dans le menu sous 720 px */
@media (min-width: 600px) and (max-width: 719px) {
  html[data-da="amis"].texte-grand .langue-tete { display: none; }
  html[data-da="amis"].texte-grand .mm-langue { display: block; } }
@media print { html.site .langue { display: none; } }

/* Note « le contenu du club reste en français » (pages allemandes et anglaises seulement) */
html[data-da="amis"] .note-contenu { margin: 1rem 0 0; font-size: .95rem; font-style: italic; color: var(--encre-600); }
html[data-da="amis"] .note-contenu.note-sombre { color: var(--brume); }

/* Texte écrit par le CSS (« vous êtes ici » dans le menu), dans la langue de la page */
html[lang="de"] .ligne[aria-current=page] .ligne-libelle::after { content: " · Sie sind hier"; }
html[lang="en"] .ligne[aria-current=page] .ligne-libelle::after { content: " · you are here"; }