/* =========================================================
   Transfert — footer.css (maquette)
   Footer basé sur .tr-container (1600px) pour éviter conflits thème
   ========================================================= */

   .footer2026{
    position: relative;
    padding: clamp(48px, 6vw, 80px) 0 18px;
    background:
      radial-gradient(900px 320px at 15% 0%, rgba(0,209,255,.12), transparent 60%),
      radial-gradient(900px 340px at 85% 20%, rgba(124,92,255,.12), transparent 60%),
      linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.55) 45%, rgba(0,0,0,.78));
    border-top: 1px solid rgba(255,255,255,.08);
  }
  
  /* Layout top */
  .footer2026__top{
    display:grid;
    grid-template-columns: 1.2fr 1fr;
    gap: clamp(18px, 3vw, 40px);
    align-items:start;
    margin-bottom: 80px;
  }
  
  /* Brand */
  .footerLogo{
    display:flex;
    align-items:center;
    gap: 12px;
  }
  
  .footerLogo img{
    width: clamp(46px, 3vw, 56px);
    height: clamp(46px, 3vw, 56px);
    object-fit: contain;
    object-position:center;
    padding: 6px;
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 16px 45px rgba(0,0,0,.40), 0 0 0 1px rgba(0,209,255,.10);
  }
  
  .footerLogo__txt{
    display:flex;
    flex-direction:column;
    gap: 2px;
    min-width: 0;
  }
  
  .footerLogo__txt strong{
    font-weight: 950;
    letter-spacing: .2px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
  }
  
  .footerLogo__txt span{
    color: rgba(255,255,255,.62);
    font-size: 13px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
  }
  
  .footer2026__desc{
    margin: 14px 0 16px;
    color: rgba(255,255,255,.70);
    max-width: 58ch;
    line-height: 1.55;
  }
  
  .footer2026__cta{
    display:flex;
    gap: 10px;
    flex-wrap:wrap;
  }
  
  .fBtn{
    display:inline-flex;
    align-items:center;
    gap: 10px;
    padding: 11px 14px;
    border-radius: 14px;
    font-weight: 950;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.92);
  }
  
  .fBtn--primary{
    background: linear-gradient(135deg, rgba(0,209,255,.22), rgba(124,92,255,.18));
    border-color: rgba(0,209,255,.30);
  }
  
  .fBtn--ghost:hover,
  .fBtn--primary:hover{
    transform: translateY(-1px);
    transition: .18s ease;
  }
  
  /* Columns */
  .footer2026__cols{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: clamp(14px, 2vw, 22px);
    align-items:start;
  }
  
  .footerCol strong{
    display:block;
    margin-bottom: 10px;
    font-weight: 950;
    letter-spacing: .2px;
  }
  
  .footerCol a,
  .footerLinkBtn{
    display:inline-flex;
    align-items:center;
    gap: 10px;
    padding: 8px 0;
    color: rgba(255,255,255,.72);
    font-weight: 600;
    border: 0;
    background: none;
    cursor: pointer;
    font-size: 16px;
  }
  
  .footerCol a:hover,
  .footerLinkBtn:hover{ color: rgba(255,255,255,.95); }
  
  .footerLinkBtn--inline{ padding: 0; font-weight: 900; }
  
  .footerCol a i,
  .footerLinkBtn i{
    width: 22px;
    height: 22px;
    display:grid;
    place-items:center;
    border-radius: 10px;
    font-size: 13px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
    color: rgba(255,255,255,.90);
    box-shadow: 0 10px 22px rgba(0,0,0,.22);
  }
  
  .footerCol a:hover i,
  .footerLinkBtn:hover i{
    background: rgba(255,255,255,.09);
    border-color: rgba(255,255,255,.16);
    transform: translateY(-1px);
    transition: .15s ease;
  }
  
  /* Bottom */
  .footer2026__bottom{
    margin-top: 22px;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.10);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 14px;
    flex-wrap:wrap;
    font-size: 14px;
  }
  
  .footerBottom__left{
    display:flex;
    align-items:center;
    gap: 10px;
    flex-wrap:wrap;
    color: rgba(255,255,255,.62);
    font-weight: 600;
  }
  
  .footerBottom__left a{
    color: rgba(255,255,255,.70);
    font-weight: 600;
  }
  
  .footerBottom__left a:hover{ color: rgba(255,255,255,.95); }
  
  .dot{ opacity: .55; }
  
  .footerBottom__right{
    color: rgba(255,255,255,.70);
    font-weight: 600;
    font-size: 15px;
  }
  
  .footerBottom__right strong{ font-weight: 900; color: rgba(255,255,255,.92); }
  
  /* Responsive */
  @media (max-width: 991px){
    .footer2026__top{ grid-template-columns: 1fr; }
    .footer2026__cols{ grid-template-columns: 1fr 1fr; }
  }
  
  @media (max-width: 560px){
    .footer2026__cols{ grid-template-columns: 1fr; }
  }
  

  /* ✅ Colonnes : on passe de 3 à 2 */
.footer2026__cols{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
  align-items:start;
}

/* ✅ Empêche les libellés et boutons d’être “coupés” par des styles du thème */
.footerCol a,
.footerLinkBtn,
.fBtn{
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

/* ✅ CTA : évite “Réserver” coupé + meilleure tenue responsive */
.footer2026__cta{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.fBtn{
  white-space: nowrap;     /* le bouton reste sur une ligne */
  line-height: 1.2;        /* évite l’effet texte “coupé” verticalement */
  max-width: 100%;
}

/* ✅ Si un thème force des line-height bizarres sur <a> */
.footerCol a{
  line-height: 1.35;
}

/* ✅ Responsive : 2 colonnes -> 1 colonne */
@media (max-width: 560px){
  .footer2026__cols{ grid-template-columns: 1fr; }
}

/* FIX mobile: empile les liens du footer (sinon ils restent en inline et se coupent) */
.footerCol{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;            /* évite les débordements */
}

/* Les liens doivent être "block-like" => pas inline-flex */
.footerCol a,
.footerLinkBtn{
  display: flex;           /* au lieu de inline-flex */
  width: 100%;             /* prend toute la largeur, donc wrap propre */
  white-space: normal;     /* autorise retour ligne si besoin */
}

/* Icônes OK */
.footerCol a i,
.footerLinkBtn i{
  flex: 0 0 auto;
}

/* Optionnel: si tu veux éviter le retour ligne sur les intitulés (au prix d’un wrap moins souple) */
/*
.footerCol a,
.footerLinkBtn{
  white-space: nowrap;
}
*/