*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a1725 url('assets/fond-parachutistes.png') center top/cover fixed;color:#fff;font-family:Arial,Helvetica,sans-serif}body:before{content:'';position:fixed;inset:0;background:linear-gradient(120deg,#0413228c,#05132255);z-index:-1}.hero{height:245px;background:linear-gradient(90deg,#0313259c,#03132510),url('assets/fond-parachutistes.png') center top/cover}.hero-shade{display:flex;align-items:center;gap:22px;height:100%;padding:24px 5%;text-shadow:0 4px 12px #000}.insignia{font-size:78px}.hero h1{font-size:clamp(30px,5.4vw,68px);font-style:italic;line-height:1;margin:0;font-weight:900}.hero em{margin-left:18%;font-family:cursive}.flag{height:6px;width:210px;margin-top:15px;background:linear-gradient(90deg,#0078ff 33%,white 33%,white 66%,#ed243b 66%);transform:skew(-25deg)}nav{position:sticky;top:0;z-index:4;display:flex;justify-content:space-around;gap:6px;background:#041b32f5;padding:15px 12px;flex-wrap:wrap}nav a{color:white;text-decoration:none;font-weight:700;padding:8px;border-bottom:3px solid transparent}nav a:hover{border-color:#e9293a}main{max-width:1180px;margin:auto;padding:22px 18px}.panel{background:#03172de8;border:1px solid #6b8098;border-radius:17px;padding:24px;box-shadow:0 10px 35px #0007;margin-bottom:20px}.intro{max-width:740px;display:grid;grid-template-columns:95px 1fr;gap:10px}.intro-icon{background:#f21e30;border-radius:50%;width:85px;height:85px;display:grid;place-items:center;font-size:48px}.intro h2{font-size:32px;margin:0}.intro p{font-style:italic;font-size:19px;color:#e4e4e4}.details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #456078;padding-top:17px;gap:15px}.details>div{display:flex;flex-direction:column;gap:7px}.details span{font-size:14px}.columns{display:grid;grid-template-columns:1fr 1.12fr;gap:20px}h2{margin:0 0 18px;font-size:27px}.menu{min-height:520px}.menu #menuText{white-space:pre-line;line-height:1.6;font-size:18px}.soon{text-align:center;font-family:cursive;font-size:36px;margin:50px 0 0;transform:rotate(-5deg)}form{background:#fff;border-radius:10px;padding:18px;color:#152339}label{display:block;font-weight:700;margin-bottom:12px}input,select{display:block;width:100%;padding:12px;border:1px solid #d7dce5;border-radius:7px;font-size:16px;margin-top:6px}.choices,.counts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choices button,.submit,.share button{border:0;border-radius:8px;color:white;padding:15px;font-size:16px;font-weight:bold;cursor:pointer}.yes,.green{background:#08a853}.no,.red{background:#dc1d30}.choices button:not(.active){opacity:.6}.choices .active{outline:3px solid #103b5a}.submit{background:#0972ee;width:100%;margin-top:12px}.counts>div{border-radius:8px;padding:14px;display:flex;align-items:center;gap:14px}.counts strong{font-size:35px}.stats p{color:#9fc5e8;font-size:13px}.share-links{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.share a{color:#fff;background:#1257a9;border-radius:24px;padding:14px;text-decoration:none}.share button{background:#0972ee;margin-left:auto}footer{text-align:center;padding:25px;background:#020e1fe8;font:italic 24px cursive}#feedback{font-weight:bold}#feedback.error{color:#c52135}#feedback.success{color:#06793d}@media(max-width:750px){.columns{grid-template-columns:1fr}.hero{height:180px}.insignia{font-size:42px}.intro{grid-template-columns:55px 1fr}.intro-icon{width:50px;height:50px;font-size:26px}.intro h2{font-size:24px}.details{gap:8px}.panel{padding:16px}nav a{font-size:13px}.share button{margin-left:0}}

.manage-booking{background:#ffffff;border-radius:10px;color:#152339;margin-top:12px;padding:14px}.manage-booking summary{font-weight:700;cursor:pointer}.manage-inner{padding-top:12px}.danger-button{background:#b91c32;color:#fff;border:0;border-radius:8px;padding:13px;font-weight:bold;margin-top:10px;cursor:pointer}#manageFeedback{font-weight:bold;overflow-wrap:anywhere}#feedback{overflow-wrap:anywhere}
/* Insigne parachutiste à la place du parachute multicolore */
.insignia{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:94px;height:94px;font-size:0}.insignia img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:600px){.insignia{width:62px;height:62px}.hero-shade{gap:10px}}

/* Insigne original : agrandi et sans fond */
.hero-shade .insignia{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:120px;height:110px;}
.hero-shade .insignia img{display:block;width:120px;height:auto;max-height:110px;object-fit:contain;background:transparent;}
@media(max-width:650px){.hero-shade .insignia{width:82px;height:80px}.hero-shade .insignia img{width:82px;max-height:80px}}

/* Navigation supprimée : accès administration et caisse en haut à droite */
.hero{position:relative;}
.hero-actions{position:absolute;right:clamp(12px,2.5vw,42px);top:clamp(12px,2vw,26px);display:flex;gap:10px;z-index:5;align-items:center;}
.hero-action{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:9px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 3px 14px #0008;white-space:nowrap;}
.admin-action{background:#061b33;color:#fff;border:1px solid #64788d;}
.caisse-action{background:#f3b916;color:#071629;border:1px solid #ffda60;}
.hero-action:hover{filter:brightness(1.13);}
@media(max-width:800px){.hero-actions{top:8px;right:8px;gap:5px}.hero-action{padding:8px 10px;font-size:12px}.hero-shade{padding-top:40px}}
@media(max-width:460px){.hero-action{font-size:11px;padding:7px 8px}.hero h1{font-size:clamp(23px,6vw,34px)}}

/* Accès unique via la connexion de la caisse */
.hero-actions{gap:0}

/* Thème verre dépoli validé — n'affecte ni l'insigne ni la logique des réservations */
.panel{
  background:linear-gradient(145deg,rgba(10,38,70,.54),rgba(4,22,44,.46));
  border:1px solid rgba(174,219,255,.66);
  border-radius:19px;
  -webkit-backdrop-filter:blur(17px) saturate(145%);
  backdrop-filter:blur(17px) saturate(145%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 14px 38px rgba(0,12,35,.32),0 0 17px rgba(69,168,255,.12);
}
.panel h2{text-shadow:0 2px 8px rgba(0,0,0,.4)}
.panel .details{border-top-color:rgba(204,231,255,.36)}
form,.manage-booking{
  background:rgba(229,240,255,.14);
  color:#fff;
  border:1px solid rgba(220,240,255,.30);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
form input,form select,.manage-booking input,.manage-booking select{
  background:rgba(235,244,255,.18);color:#fff;
  border:1px solid rgba(218,238,255,.35);
}
form input::placeholder,.manage-booking input::placeholder{color:rgba(255,255,255,.75)}
form select option,.manage-booking select option{color:#152339;background:#eaf1f8}
.manage-booking summary{color:#fff}
.choices button,.submit,.share button,.share a,.counts>div{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 12px rgba(0,0,0,.18)
}
.choices button:hover,.submit:hover,.share button:hover,.share a:hover{filter:brightness(1.10)}
.choices button:focus-visible,.submit:focus-visible,.share button:focus-visible,.share a:focus-visible{outline:2px solid #fff;outline-offset:3px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .panel{background:rgba(5,28,54,.87)}
  form,.manage-booking{background:rgba(14,42,70,.92)}
}

/* Boutons de partage — verre dépoli */
.share-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.share-links .share-item{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 15px;border:1px solid rgba(215,237,255,.38);border-radius:14px;background:rgba(22,84,148,.42);color:#fff;font:600 14px/1.2 inherit;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.18),0 5px 15px rgba(0,0,0,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.share-links .share-item:hover{background:rgba(30,114,185,.66);transform:translateY(-1px)}
.share-links .share-symbol{font-size:19px;font-weight:800;line-height:1}
.share-links #wa{background:rgba(11,145,81,.62)}
.share-links #fb{background:rgba(25,89,190,.66)}
.share-links #instagram{background:linear-gradient(125deg,rgba(98,43,190,.78),rgba(220,50,116,.76),rgba(234,146,42,.70))}
.share-links #messenger{background:rgba(67,89,212,.66)}
.share-links .share-copy{background:rgba(6,107,229,.72)}
.share-feedback{min-height:1.2em;font-size:13px;margin:8px 0 0;color:#d9edff}
@media(max-width:520px){.share-links .share-item{flex:1 1 43%;font-size:13px;padding:10px 8px}}