/* ═══════════════════════════════════════════════
   SUPRADRAMA — Réservation : finitions V3 (octobre 2026)
   Chargé APRÈS reservation-v2.css. Formes et matières uniquement,
   aucune logique touchée.
   ═══════════════════════════════════════════════ */
:root{ --radius-md:16px; --radius-sm:10px; --ease:cubic-bezier(.2,.8,.2,1); }

/* Barre de navigation en verre dépoli (desktop : reste visible au scroll) */
header.masthead-bar{
  background:rgba(20,17,26,.62);
  -webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);
  border-bottom:1px solid rgba(244,239,230,.09);
}
@media (min-width:769px){ header.masthead-bar{position:sticky;top:0;z-index:100} }

/* Boutons en pastille */
.btn,.btn-primary,.page-tab,.admin-tab,.view-toggle-btn,.login-submit,.login-banner-btn{
  border-radius:999px !important;
  transition:background .35s var(--ease),color .35s var(--ease),transform .35s var(--ease),border-color .35s var(--ease);
}
.btn-icon{border-radius:50% !important}
.btn-primary:hover,.login-submit:hover{transform:scale(1.02)}
.btn-primary:active,.login-submit:active{transform:scale(.98)}

/* Cartes et surfaces arrondies */
.login-card,.calendar,.my-section,.admin-section,.month-summary,.profile-card,
.gallery-item,.meeting-calendar-section,.login-banner{border-radius:22px !important}
.gallery-item{overflow:hidden}
.table-wrap{border-radius:16px;overflow:hidden}
.message{border-radius:12px}

/* Champs de saisie */
input[type="text"],input[type="email"],input[type="number"],input[type="date"],input[type="time"],
input[type="search"],input[type="password"],select,textarea{border-radius:12px !important}

/* Menu « Let's talk » flottant */
.st-panel{border-radius:16px;overflow:hidden}

@media (prefers-reduced-motion: reduce){ *{transition:none!important;animation:none!important} }