/* =====================================================================
   sejourantilles-fixes.css
   Correctifs responsive + composition du séjour.
   → Ajouter à la fin de public/css/sejourantilles.css
   ===================================================================== */

/* ---- ISSUE 4 : burger caché par spécificité CSS ------------------- */
/* Ancienne règle : .header-tools .icon-btn{display:none} cachait .burger */
/* Correction ciblée : cacher uniquement les icon-btn non-burger       */
@media(max-width:760px){
  .header-tools .icon-btn:not(.burger){ display:none; }
  .header-tools .burger{ display:grid; }
}

/* ---- ISSUE 3 : FABs au-dessus de la bottom-nav mobile ------------- */
@media(max-width:760px){
  .hp-fab-stack{ bottom: 82px; } /* 64px bottom-nav + 18px gap */
}

/* ---- ISSUE 1 : barre sticky séjour au-dessus de la bottom-nav ----- */
@media(max-width:860px){
  .sa-mobile-bar{
    bottom: 64px; /* au-dessus de la bottom-nav */
  }
}

/* ---- COMPOSITION DU SÉJOUR ---------------------------------------- */
.sa-composition{display:flex;flex-direction:column;gap:12px}
.sa-comp-item{
  display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:flex-start;
  padding:14px;border:1.5px solid var(--c-line);border-radius:var(--r);
  background:var(--c-surface);transition:.2s
}
.sa-comp-item:hover{border-color:var(--c-turquoise);box-shadow:var(--shadow-s)}
.sa-comp-item--opt{opacity:.8;border-style:dashed}
.sa-comp-icon{
  width:44px;height:44px;border-radius:10px;background:var(--c-sand);
  display:grid;place-items:center;flex:none
}
.sa-comp-icon i{width:20px;height:20px;color:var(--c-turquoise)}
.sa-comp-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.sa-comp-type{font-size:.68rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:var(--c-turquoise)}
.sa-comp-label{font-weight:600;font-size:.95rem;color:var(--c-ink)}
.sa-comp-detail{font-size:.83rem;color:var(--c-ink-soft)}
.sa-comp-day{display:flex;align-items:center;gap:5px;font-size:.78rem;
  color:var(--c-ink-soft);margin-top:2px}
.sa-comp-day i{width:12px;height:12px}
.sa-comp-price{flex:none;text-align:right;font-size:.85rem;font-weight:600}
.sa-comp-included{display:flex;align-items:center;gap:5px;color:var(--c-turquoise)}
.sa-comp-included i{width:14px;height:14px}
.sa-comp-optional{display:flex;align-items:center;gap:5px;color:var(--c-ink-soft)}
.sa-comp-optional i{width:14px;height:14px}

@media(max-width:600px){
  .sa-comp-item{grid-template-columns:38px 1fr;gap:10px}
  .sa-comp-price{grid-column:2;text-align:left}
}