/* Pages de réservation STAF coaching : l'agenda Google dans une carte, sur le décor de l'accueil. */
@font-face{font-family:"Montserrat";src:url("fonts/Montserrat-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--black:#000;--white:#fff;--soft:rgba(255,255,255,.72);--line:rgba(255,255,255,.18);--bordeaux:#730c25;--bordeaux-2:#a30f33}
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;color:var(--white);font:400 16px/1.6 "Montserrat",Arial,sans-serif;-webkit-font-smoothing:antialiased;
  background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.85)),url("img/v2/lux-1.jpg") center/cover fixed,var(--black)}
header.top{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px))}
header.top img{width:52px;height:52px;border-radius:50%}
.back{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:10px;background:var(--bordeaux);color:#fff;text-decoration:none;font-weight:900;font-size:14px}
.back:hover{background:var(--bordeaux-2)}
main{max-width:980px;margin:0 auto;padding:24px max(16px,env(safe-area-inset-right,0px)) 56px max(16px,env(safe-area-inset-left,0px));display:grid;gap:20px}
.head{text-align:center}
h1{font-weight:400;font-size:clamp(32px,4.4vw,56px);line-height:1.2}
.sub{color:var(--soft);margin-top:6px}
.cal{border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 40px 90px -30px rgba(0,0,0,.9)}
.cal iframe{display:block;width:100%;height:min(780px,78vh);border:0}
.help{text-align:center;color:var(--soft);font-size:15px}
.help a,footer a{color:#fff}
footer{text-align:center;padding:24px 16px 36px;font-size:14px;color:var(--soft)}