/* =======================================================================
   Le Portail (RU Support) : fermeture temporaire (livraison 6, 2026-10-06).
   Page de fermeture vue par les membres, carte du Hub des abonnés, bandeau
   du personnel et carte « Fermer le Portail » de l'écran Réglages.
   Charte bleue sur fond clair (jetons --ru-*), aucune animation.
   ======================================================================= */

/* ---- Page de fermeture (page publique du Portail). */
.mhhs-ferme{--f-ac:var(--ru-accent,#1d5c8f);--f-tx:var(--ru-texte,#0e2438);--f-t2:var(--ru-texte-2,#3b4a5a);--f-mu:var(--ru-discret,#6b7280);--f-bd:var(--ru-bord,rgba(14,36,56,.10));--f-doux:var(--ru-accent-doux,rgba(29,92,143,.10));box-sizing:border-box;text-align:center;padding:56px 32px 52px;background:#fff;color:var(--f-tx);border-radius:0 0 18px 18px;overflow-wrap:anywhere}
.mhhs-ferme *{box-sizing:border-box}
.mhhs-ferme-ic{width:56px;height:56px;border-radius:50%;background:var(--f-doux);color:var(--f-ac);display:inline-flex;align-items:center;justify-content:center;margin:0 0 18px}
.mhhs-ferme-ic svg{width:24px;height:24px}
.mhhs-ferme-sur{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--f-mu);margin:0 0 10px}
.mhhs-ferme .mhhs-ferme-titre{font-family:var(--ru-police,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif);font-size:30px;line-height:1.2;letter-spacing:-.01em;font-weight:700;color:var(--f-tx);margin:0 auto 14px;max-width:620px}
.mhhs-ferme-msg{font-size:16px;line-height:1.65;color:var(--f-t2);max-width:560px;margin:0 auto}
.mhhs-ferme-msg p{margin:0 0 10px}
.mhhs-ferme-msg p:last-child{margin-bottom:0}
.mhhs-ferme-msg a{color:var(--f-ac);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.mhhs-ferme-retour{display:inline-flex;align-items:center;gap:8px;margin:22px 0 0;padding:8px 14px;border:1px solid var(--f-bd);border-radius:100px;font-size:14px;font-weight:600;color:var(--f-tx);background:#fff}
.mhhs-ferme-retour svg{width:16px;height:16px;color:var(--f-ac);flex:0 0 auto}
.mhhs-ferme-prio{max-width:540px;margin:16px auto 0;padding:10px 14px;border:1px solid var(--ru-accent-filet,rgba(29,92,143,.35));border-radius:10px;background:var(--ru-accent-doux,rgba(29,92,143,.08));font-size:14px;line-height:1.5;color:var(--f-tx)}
.mhhs-ferme-suivi{max-width:540px;margin:30px auto 0;padding:18px 20px;border:1px solid var(--f-bd);border-radius:14px;background:var(--ru-surface,#f7f8fa);display:flex;align-items:center;gap:16px;text-align:left}
.mhhs-ferme-suivi p{margin:0;font-size:14px;line-height:1.5;color:var(--f-tx);flex:1;min-width:0}
.mhhs-ferme .mhhs-ferme-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border-radius:10px;background:var(--f-ac);color:var(--ru-sur-accent,#fff);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.mhhs-ferme .mhhs-ferme-btn:hover,.mhhs-ferme .mhhs-ferme-btn:focus{background:var(--ru-accent-fonce,#174a73);color:var(--ru-sur-accent,#fff)}
.mhhs-ferme .mhhs-ferme-btn:focus-visible{outline:2px solid var(--f-ac);outline-offset:2px}

/* ---- Carte du Hub des abonnés (au-dessus des onglets). */
.mhhs-ferme--hub{border:1px solid var(--f-bd);border-radius:14px;padding:30px 24px;margin:0 0 20px}
.mhhs-ferme--hub .mhhs-ferme-ic{width:48px;height:48px;margin-bottom:14px}
.mhhs-ferme.mhhs-ferme--hub .mhhs-ferme-titre{font-size:20px;margin-bottom:10px}
.mhhs-ferme--hub .mhhs-ferme-msg{font-size:15px}
.mhhs-ferme--hub .mhhs-ferme-suivi{margin-top:22px}
.mhhs-ferme-vide{text-align:center;padding:26px 18px;color:var(--ru-discret,#6b7280);border:1px dashed var(--ru-bord,rgba(14,36,56,.10));border-radius:12px;font-size:14px}

/* ---- Bandeau du personnel (admins et agents). */
.mhhs-ferme-bandeau{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin:12px 22px 0;padding:9px 14px;border:1px solid var(--ru-accent-filet,rgba(29,92,143,.35));border-radius:10px;background:var(--ru-accent-doux,rgba(29,92,143,.08));color:var(--ru-texte,#0e2438);font-size:13px;line-height:1.4;text-align:left}
.mhhs-ferme-bandeau--arret{border-color:var(--ru-attention-filet,rgba(138,90,0,.35));background:var(--ru-attention-doux,#fdf8ee)}
.mhhs-ferme-bandeau--arret .mhhs-ferme-pt{background:var(--ru-attention,#8a5a00)}
.mhhs-ferme-bandeau .mhhs-ferme-pt{width:8px;height:8px;border-radius:50%;background:var(--ru-accent,#1d5c8f);flex:0 0 auto}
.mhhs-ferme-bandeau strong{font-weight:700}
.mhhs-ferme-bandeau .mhhs-ferme-q{color:var(--ru-discret,#6b7280)}
.mhhs-ferme-bandeau a{margin-left:auto;color:var(--ru-accent,#1d5c8f);font-weight:600;text-decoration:none}
.mhhs-ferme-bandeau a:hover{text-decoration:underline}
.mhhs-mod > .mhhs-ferme-bandeau{margin:16px 26px 0}
.mhhs-ferme-bandeau--admin{margin:0 0 16px}

/* ---- Carte « Fermer le Portail » (écran Réglages). */
.mhhs-fermeture-langues{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 12px}
.mhhs-fermeture-langues button{border:1px solid var(--ru-bord,rgba(14,36,56,.10));background:#fff;border-radius:8px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--ru-texte-2,#3b4a5a);cursor:pointer}
.mhhs-fermeture-langues button[aria-selected="true"]{background:var(--ru-accent,#1d5c8f);border-color:var(--ru-accent,#1d5c8f);color:var(--ru-sur-accent,#fff)}
.mhhs-fermeture-langues button .mhhs-fermeture-plein{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-left:6px;vertical-align:middle;opacity:.7}
.mhhs-fermeture-lg[hidden]{display:none}
.mhhs-fermeture-lg textarea{min-height:110px}

/* ---- Téléphone (390 px et moins large que 640 px). */
@media (max-width:640px){
	.mhhs-ferme{padding:36px 18px 32px}
	.mhhs-ferme .mhhs-ferme-titre{font-size:24px}
	.mhhs-ferme-msg{font-size:15.5px}
	.mhhs-ferme-retour{font-size:14px}
	.mhhs-ferme-suivi{flex-direction:column;align-items:stretch;text-align:center;padding:16px}
	.mhhs-ferme .mhhs-ferme-btn{min-height:44px;width:100%}
	.mhhs-ferme--hub{padding:24px 16px}
	.mhhs-ferme-bandeau{margin:10px 12px 0}
	.mhhs-mod > .mhhs-ferme-bandeau{margin:12px 16px 0}
	.mhhs-ferme-bandeau a{margin-left:0;min-height:44px;display:inline-flex;align-items:center}
	.mhhs-fermeture-langues button{min-height:44px}
	.mhhs-fermeture-lg input,.mhhs-fermeture-lg textarea,#fermer-portail input{font-size:16px}
}