/* App Santé – Waiting Room (Front) */
:root{
  --wr-bg: #f5f7fb;
  --wr-card: #ffffff;
  --wr-border: rgba(17,24,39,.10);
  --wr-text: #111827;
  --wr-muted:#6b7280;
  --wr-primary:#2563eb;
  --wr-primary2:#1d4ed8;
  --wr-danger:#dc2626;
  --wr-radius:18px;
  --wr-shadow: 0 18px 45px rgba(17,24,39,.10);
}

.appsante-wr-front{
  max-width: 1120px;
  margin: 40px auto;
  padding: 0 18px 60px;
  color: var(--wr-text);
}

/* Titre de page (si tu l'affiches dans le contenu WP) */
.appsante-wr-front h1,
.appsante-wr-front h2{
  letter-spacing: -.02em;
}

.appsante-wr-alert{
  border-radius: 14px;
  padding: 12px 14px;
  margin: 0 0 14px;
  border: 1px solid var(--wr-border);
  background: #fff;
  box-shadow: 0 10px 30px rgba(17,24,39,.06);
  font-weight: 600;
}
.appsante-wr-alert.is-error{ border-color: rgba(220,38,38,.25); color: var(--wr-danger); background: rgba(220,38,38,.06); }
.appsante-wr-alert.is-ok{ border-color: rgba(37,99,235,.25); color: var(--wr-primary2); background: rgba(37,99,235,.06); }

/* Cartes */
.appsante-wr-card{
  background: var(--wr-card);
  border: 1px solid var(--wr-border);
  border-radius: var(--wr-radius);
  box-shadow: var(--wr-shadow);
  padding: 20px 20px 18px;
  margin: 18px auto;
}

/* Form */
.appsante-wr-card label{
  display:block;
  margin: 12px 0 6px;
  font-weight: 700;
  color: var(--wr-text);
}
.appsante-wr-card input[type="text"]{
  width: 100%;
  border: 1px solid rgba(17,24,39,.14);
  border-radius: 14px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #fff;
}
.appsante-wr-card input[type="text"]:focus{
  border-color: rgba(37,99,235,.55);
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}

/* Boutons WP un peu “modernisés” */
.appsante-wr-front .button.button-primary,
.appsante-wr-front button.button.button-primary{
  background: linear-gradient(180deg, var(--wr-primary), var(--wr-primary2));
  border: 0 !important;
  border-radius: 14px !important;
  padding: 10px 16px !important;
  height: auto !important;
  font-weight: 700;
  box-shadow: 0 12px 24px rgba(37,99,235,.18);
}
.appsante-wr-front .button,
.appsante-wr-front button.button{
  border-radius: 14px !important;
  padding: 10px 14px !important;
  height: auto !important;
  font-weight: 650;
}

/* Zone vidéo: pleine largeur + ratio + hauteur mini */
.appsante-wr-video{
  margin-top: 18px;
}

.appsante-wr-video iframe{
  width: 100%;
  height: clamp(520px, 72vh, 820px); /* ✅ grosse fenêtre vidéo */
  border: 1px solid rgba(17,24,39,.12);
  border-radius: var(--wr-radius);
  box-shadow: 0 22px 55px rgba(17,24,39,.12);
  background: #0b1220;
}

/* Layout desktop : cartes + vidéo “bien centrées” */
@media (min-width: 980px){
  .appsante-wr-front{
    margin-top: 24px;
  }

  /* Option: status + video en pile, mais plus “pro” */
  .appsante-wr-card{
    max-width: 860px;
  }

  .appsante-wr-video{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Mobile */
@media (max-width: 520px){
  .appsante-wr-front{
    margin: 18px auto;
    padding: 0 12px 40px;
  }
  .appsante-wr-card{
    padding: 16px 14px;
    border-radius: 16px;
  }
  .appsante-wr-video iframe{
    height: 62vh;
    border-radius: 16px;
  }
}