/* ==========================================================================
   Fiche « fiche3 » : diaporama plein cadre avec titre, onglets en pilule
   à cheval sur la photo, coordonnées + carte en pied de fiche.
   S'appuie sur le socle fiches.css (titres Bebas, pictos, étiquettes, tableaux).
   ========================================================================== */

/* ---------- Hero (diaporama) */
.bridge-fiche.fiche-3 > [uk-slideshow] .uk-slideshow-items {
  height: clamp(420px, 68vh, 640px);
  min-height: 0 !important; /* UIkit calcule la hauteur depuis ratio: 8:3 */
}
.bridge-fiche.fiche-3 > [uk-slideshow] .uk-slideshow-items > li > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.bridge-fiche.fiche-3 > [uk-slideshow] .uk-slideshow-items > li::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(18, 35, 39, 0.15) 0%, rgba(18, 35, 39, 0.35) 45%, rgba(18, 35, 39, 0.82) 100%);
  pointer-events: none;
}
.bridge-fiche.fiche-3 > [uk-slideshow] .uk-position-bottom {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  margin: 0;
  padding: 0 24px 96px; /* place pour la barre d'onglets qui chevauche la photo */
}
.bridge-fiche.fiche-3 > [uk-slideshow] .bridge-titre-fiche {
  display: block;
  max-width: 1100px;
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 84px;
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: 0.01em;
  color: #fff;
  text-shadow: 0 6px 30px rgba(0, 0, 0, 0.35);
  text-wrap: balance;
}

/* Classement (étoiles) : pastille claire sous le titre */
.bridge-fiche.fiche-3 > [uk-slideshow] .classements-labels { margin: 0; }
.bridge-fiche.fiche-3 > [uk-slideshow] .classements-labels .itemTextValue {
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.bridge-fiche.fiche-3 > [uk-slideshow] .classements-labels svg { height: 22px !important; }

/* Flèches */
.bridge-fiche.fiche-3 > [uk-slideshow] .uk-slidenav {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  margin: 0 24px;
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  transition: background-color 0.3s, border-color 0.3s;
}
.bridge-fiche.fiche-3 > [uk-slideshow] .uk-slidenav:hover { background: var(--fd-primary); border-color: var(--fd-primary); }
.bridge-fiche.fiche-3 > [uk-slideshow] .uk-slidenav svg { width: 9px; height: 16px; }

/* ---------- Onglets : pilule blanche à cheval sur la photo */
.bridge-fiche.fiche-3 #detailfiche { padding: 0 0 80px; }
.bridge-fiche.fiche-3 .bridge-fiche-main {
  position: relative;
  z-index: 2;
  margin-top: -36px !important; /* .uk-margin-medium-top est en !important */
}
.bridge-fiche.fiche-3 .bridge-fiche-sommaire {
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 56px;
  padding: 6px;
  background: #fff;
  border-radius: 60px;
  box-shadow: 0 20px 50px rgba(18, 35, 39, 0.14);
}
.bridge-fiche.fiche-3 .bridge-fiche-sommaire::before { display: none; }
.bridge-fiche.fiche-3 .bridge-fiche-sommaire > li { padding: 0; }
.bridge-fiche.fiche-3 .bridge-fiche-sommaire > li > a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  font-family: "Bebas Neue", sans-serif;
  font-size: 19px;
  line-height: 22px;
  letter-spacing: 0.03em;
  text-transform: none;
  white-space: nowrap;
  color: var(--fd-title);
  border: 0;
  border-radius: 40px;
  transition: background-color 0.3s, color 0.3s;
}
.bridge-fiche.fiche-3 .bridge-fiche-sommaire > li > a i { font-size: 14px; color: var(--fd-primary); transition: color 0.3s; }
.bridge-fiche.fiche-3 .bridge-fiche-sommaire > li > a:hover { color: var(--fd-primary); }
.bridge-fiche.fiche-3 .bridge-fiche-sommaire > li.uk-active > a { color: #fff; background: var(--fd-primary); }
.bridge-fiche.fiche-3 .bridge-fiche-sommaire > li.uk-active > a i { color: #fff; }

/* ---------- Onglet « Descriptif » : texte + encart « En bref » */
.bridge-fiche.fiche-3 .bridge-fiche-content .uk-grid-divider {
  flex-wrap: nowrap;
  gap: 60px;
  margin-left: 0;
}
.bridge-fiche.fiche-3 .bridge-fiche-content .uk-grid-divider > * { padding-left: 0; }
.bridge-fiche.fiche-3 .bridge-fiche-content .uk-grid-divider > ::before { display: none; } /* filet vertical UIkit */
.bridge-fiche.fiche-3 .bridge-fiche-content .uk-grid-divider > .uk-width-2-3\@m { flex: 1 1 auto; width: auto; min-width: 0; }
.bridge-fiche.fiche-3 .bridge-fiche-content .uk-grid-divider > .uk-width-1-3\@m {
  flex: 0 0 360px;
  width: 360px;
  position: sticky;
  top: 110px;
  align-self: flex-start;
}

/* Titre de section (le nom est repris par Bridge) : même style que les autres blocs */
.bridge-fiche.fiche-3 .uk-heading-line {
  margin: 0 0 22px;
  font-family: "Bebas Neue", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.1;
  color: var(--fd-title);
}
.bridge-fiche.fiche-3 .uk-heading-line > span { display: block; }
.bridge-fiche.fiche-3 .uk-heading-line > span::before,
.bridge-fiche.fiche-3 .uk-heading-line > span::after { display: none; }
.bridge-fiche.fiche-3 .descriptif { margin-bottom: 0; font-size: 17px; line-height: 30px; }
.bridge-fiche.fiche-3 .descriptif .itemTextValue { white-space: pre-line; } /* garde les retours à la ligne d'Apidae */
.bridge-fiche.fiche-3 .descriptif .itemTextValue::first-line { font-weight: 500; color: var(--fd-title); }
.bridge-fiche.fiche-3 .bridge-fiche-content > li:first-child hr.uk-divider-icon { display: none; }

/* Encart « En bref » (pictogrammes) */
.bridge-fiche.fiche-3 .uk-width-1-3\@m > .pictogrammes {
  margin: 0;
  padding: 30px;
  background: var(--fd-light);
  border-radius: 20px;
}
.bridge-fiche.fiche-3 .uk-width-1-3\@m > .pictogrammes::before {
  content: "En bref";
  display: block;
  margin-bottom: 16px;
  font-family: "Bebas Neue", sans-serif;
  font-size: 26px;
  line-height: 1.1;
  color: var(--fd-title);
}
.bridge-fiche.fiche-3 .uk-width-1-3\@m > .pictogrammes .blockItem { background: #fff; }

/* ---------- Autres onglets (équipements, tarifs, capacité…) */
.bridge-fiche.fiche-3 .bridge-fiche-content > li.custom-block { max-width: 860px; }
.bridge-fiche.fiche-3 .custom-block .block-label { font-size: 40px; }
.bridge-fiche.fiche-3 .custom-block .containerblockSection + .containerblockSection { margin-top: 20px; }
.bridge-fiche.fiche-3 .custom-block .uk-child-width-1-2 > * { width: 100%; } /* texte seul coupé à 50 % par Bridge */

/* ---------- Coordonnées + carte (bandeau UIkit sombre -> encart clair de la charte) */
.bridge-fiche.fiche-3 #localisation {
  padding: 80px 24px !important; /* .uk-padding-remove est en !important */
  color: var(--fd-text);
  background: var(--fd-light);
}
.bridge-fiche.fiche-3 #localisation > .uk-grid {
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 30px;
  max-width: 1320px;
  margin: 0 auto;
}
.bridge-fiche.fiche-3 #localisation > .uk-grid > * { flex: 1 1 50%; width: auto; min-width: 0; }
.bridge-fiche.fiche-3 #localisation .localisation { height: 100%; overflow: hidden; border-radius: 20px; }
.bridge-fiche.fiche-3 #localisation #maps-loc { height: 100% !important; min-height: 420px; }
.bridge-fiche.fiche-3 #localisation .uk-padding {
  height: 100%;
  padding: 40px;
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
}
.bridge-fiche.fiche-3 #localisation h3 {
  margin: 0 0 18px;
  font-family: "Bebas Neue", sans-serif;
  font-size: 40px;
  font-weight: 400 !important; /* .uk-text-bold */
  line-height: 1.1;
  color: var(--fd-title);
}
.bridge-fiche.fiche-3 #localisation h3 > span::before,
.bridge-fiche.fiche-3 #localisation h3 > span::after { display: none; }
.bridge-fiche.fiche-3 #localisation .uk-list { margin: 0; }
.bridge-fiche.fiche-3 #localisation .uk-list > li { margin: 0; padding: 16px 0; font-size: 15px; line-height: 24px; color: var(--fd-text); }
.bridge-fiche.fiche-3 #localisation .uk-list > li:nth-child(n+2) { border-top: 1px solid var(--fd-line); }
.bridge-fiche.fiche-3 #localisation .uk-list .uk-grid { flex-wrap: nowrap; gap: 16px; margin-left: 0; }
.bridge-fiche.fiche-3 #localisation .uk-list .uk-grid > * { width: auto; padding-left: 0; }
.bridge-fiche.fiche-3 #localisation .uk-list .uk-grid > .uk-width-5-6 { flex: 1; }
.bridge-fiche.fiche-3 #localisation .uk-list .uk-width-1-6 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  height: 44px;
  color: #fff;
  background: var(--fd-primary);
  border-radius: 50%;
}
.bridge-fiche.fiche-3 #localisation .uk-list .uk-width-1-6 .fa { font-size: 17px; color: #fff; }
.bridge-fiche.fiche-3 #localisation .coordonnees .itemTextValue { color: var(--fd-title); }
.bridge-fiche.fiche-3 #localisation a { font-weight: 500; color: var(--fd-title); text-decoration: none; transition: color 0.3s; }
.bridge-fiche.fiche-3 #localisation a:hover { color: var(--fd-primary); }
.bridge-fiche.fiche-3 #localisation a.phone[role="button"],
.bridge-fiche.fiche-3 #localisation a.phone[uk-toggle] { color: var(--fd-primary); cursor: pointer; }

/* Contact / Réservation : vrais boutons, sans pastille (l'icône de réservation n'existe pas) */
.bridge-fiche.fiche-3 #localisation .uk-list > li:has(.email-de-contact, .reservation) { padding-bottom: 0; border-top: 0; }
.bridge-fiche.fiche-3 #localisation .uk-list > li:has(.email-de-contact) { padding-top: 24px; }
.bridge-fiche.fiche-3 #localisation .uk-list > li:has(.reservation) { padding-top: 12px; }
.bridge-fiche.fiche-3 #localisation .uk-list > li:has(.email-de-contact, .reservation) .uk-width-1-6 { display: none; }
.bridge-fiche.fiche-3 #localisation a.email-de-contact,
.bridge-fiche.fiche-3 #localisation a.reservation {
  display: block;
  padding: 13px 24px;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  background: var(--fd-title);
  border-radius: 10px;
  transition: background-color 0.3s;
}
.bridge-fiche.fiche-3 #localisation a.reservation { background: var(--fd-primary); }
.bridge-fiche.fiche-3 #localisation a.email-de-contact:hover { color: #fff; background: var(--fd-primary); }
.bridge-fiche.fiche-3 #localisation a.reservation:hover { color: #fff; background: var(--fd-title); }

/* ---------- Tablette */
@media (max-width: 959px) {
  .bridge-fiche.fiche-3 > [uk-slideshow] .bridge-titre-fiche { font-size: 56px; }
  .bridge-fiche.fiche-3 .bridge-fiche-sommaire {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .bridge-fiche.fiche-3 .bridge-fiche-sommaire::-webkit-scrollbar { display: none; }
  .bridge-fiche.fiche-3 .bridge-fiche-content .uk-grid-divider { flex-wrap: wrap; gap: 40px; }
  .bridge-fiche.fiche-3 .bridge-fiche-content .uk-grid-divider > .uk-width-1-3\@m { flex: 1 1 100%; width: 100%; position: static; }
  .bridge-fiche.fiche-3 #localisation { padding: 56px 16px !important; }
  .bridge-fiche.fiche-3 #localisation > .uk-grid { flex-wrap: wrap; }
  .bridge-fiche.fiche-3 #localisation > .uk-grid > * { flex: 1 1 100%; }
  .bridge-fiche.fiche-3 #localisation #maps-loc { min-height: 320px; }
}

/* ---------- Mobile */
@media (max-width: 639px) {
  .bridge-fiche.fiche-3 > [uk-slideshow] .uk-slideshow-items { height: 380px; }
  .bridge-fiche.fiche-3 > [uk-slideshow] .uk-position-bottom { padding: 0 16px 80px; }
  .bridge-fiche.fiche-3 > [uk-slideshow] .bridge-titre-fiche { font-size: 44px; }
  .bridge-fiche.fiche-3 > [uk-slideshow] .uk-slidenav { width: 42px; height: 42px; margin: 0 10px; }
  .bridge-fiche.fiche-3 .bridge-fiche-main { margin-top: -28px !important; }
  .bridge-fiche.fiche-3 .bridge-fiche-sommaire { margin-bottom: 36px; }
  .bridge-fiche.fiche-3 .bridge-fiche-sommaire > li > a { padding: 10px 16px; font-size: 17px; }
  .bridge-fiche.fiche-3 .uk-heading-line,
  .bridge-fiche.fiche-3 .custom-block .block-label,
  .bridge-fiche.fiche-3 #localisation h3 { font-size: 32px; }
  .bridge-fiche.fiche-3 .descriptif { font-size: 16px; line-height: 28px; }
  .bridge-fiche.fiche-3 #localisation .uk-padding { padding: 28px 22px; }
}