/*
 * Leviers de revenus : nuit isolée, petit-déjeuner offert en réservation directe, codes avantage
 * (site public, parcours de réservation, espace séjour) et leurs pages dans le back-office.
 */

/* --- Réservation directe ------------------------------------------------------------------- */

.booking-note.levers-gap-note { background: var(--ok-soft); color: var(--ok); }
.booking-lines .levers-discount-line dt,
.booking-lines .levers-discount-line dd,
.booking-recap .levers-discount-line td { color: var(--ok); }

.levers-perk-band { padding-bottom: 0; }
.card.levers-perk { display: flex; align-items: flex-start; gap: var(--space-3); }
.card.levers-perk p { margin: 0; }
.levers-perk--inline { align-items: center; margin: 0; }
.levers-perk-line { display: flex; align-items: center; gap: var(--space-2); margin: 0; color: var(--ochre); font-weight: 600; }
.levers-perk-line .icon { flex: none; }
.booking-recap .levers-perk-row td { color: var(--ochre); font-weight: 600; }

.levers-code__form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-3); }
.levers-code__form .field { flex: 1 1 14rem; }
.levers-code__form input { text-transform: uppercase; letter-spacing: 0.06em; }
.levers-code__form .btn { min-height: var(--tap); }
.levers-code__applied { gap: var(--space-2); margin: 0; }
.levers-code__remove { margin: 0; }

.levers-code-value { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 1.05rem; letter-spacing: 0.08em; }

/* --- Espace séjour : code de retour ------------------------------------------------------------ */

.levers-return__code { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.levers-return__code .levers-code-value {
  display: inline-block; padding: var(--space-2) var(--space-4); border: 1.5px dashed var(--line-strong);
  border-radius: var(--radius-sm); background: var(--sand); font-size: 1.3rem;
}
.levers-return__code .btn { min-height: var(--tap); }

/* --- Équipe : nuits isolées -------------------------------------------------------------------- */

.card.levers-staff-summary { display: grid; gap: var(--space-4); grid-template-columns: repeat(2, 1fr); }
@media (min-width: 900px) { .card.levers-staff-summary { grid-template-columns: repeat(4, 1fr); } }
.levers-staff-how { display: flex; gap: var(--space-2); align-items: flex-start; margin: 0; }
.levers-staff-how .icon { flex: none; margin-top: 2px; }

.levers-gaps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.card.levers-gap { display: flex; flex-direction: column; gap: var(--space-3); }
.levers-gap__head { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; }
.levers-gap__title { flex: 1; min-width: 12rem; display: flex; flex-direction: column; }
.levers-gap__value { margin: 0; display: flex; flex-direction: column; align-items: flex-end; }
.levers-gap__neighbours { display: grid; gap: var(--space-2) var(--space-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); margin: 0; padding-top: var(--space-3); border-top: 1px solid var(--line); }
.levers-gap__neighbours dd { margin: 4px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--space-2); }
.levers-gap__neighbours a { display: inline-flex; align-items: center; min-height: var(--tap); font-weight: 600; }

.levers-sold__main { display: flex; flex-direction: column; }

/* --- Équipe : codes avantage ------------------------------------------------------------------- */

.levers-codes { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.card.levers-code-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4); }
.levers-code-row.is-inactive { background: var(--sand-2); box-shadow: none; }
.levers-code-row__main { flex: 1 1 16rem; min-width: 0; }
.levers-code-row__main p { margin: 0; }
.levers-code-row__main .cluster { gap: var(--space-2); }
.levers-code-row__facts { display: grid; grid-template-columns: repeat(4, auto); gap: 2px var(--space-4); margin: 0; }
.levers-code-row__facts dt { font-size: 0.78rem; color: var(--muted); }
.levers-code-row__facts dd { margin: 0; font-weight: 600; }
.levers-code-row .btn { min-height: var(--tap); }
@media (max-width: 600px) {
  .levers-code-row__facts { grid-template-columns: repeat(2, auto); width: 100%; }
}