/* 1.4.0 : étude de diffusion sonore. Éléments d'alerte (toutes les pages) et thème ALERTES-BCOMINFO (nom d'hôte
   projets-alertes.bcominfo.com) : bleu nuit #2c3457, rouge #c61f44, vert #1f9d6b, Barlow (titres) et Inter (texte),
   polices servies par le module (OFL, static/polices). */
@font-face { font-family: "Barlow"; font-weight: 500; font-display: swap; src: url(/static/polices/barlow-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 600; font-display: swap; src: url(/static/polices/barlow-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 700; font-display: swap; src: url(/static/polices/barlow-latin-700-normal.woff2) format("woff2"); }
@font-face { font-family: "Barlow"; font-weight: 800; font-display: swap; src: url(/static/polices/barlow-latin-800-normal.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url(/static/polices/inter-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 500; font-display: swap; src: url(/static/polices/inter-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: url(/static/polices/inter-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 700; font-display: swap; src: url(/static/polices/inter-latin-700-normal.woff2) format("woff2"); }

/* ---- outils selon les onglets du projet ---- */
body.sans-wifi .wifi-seul, body.sans-alerte .alerte-seul { display: none !important; }
.ic-hp { border-radius: 2px; background: #c61f44; clip-path: polygon(0 30%, 35% 30%, 75% 0, 75% 100%, 35% 70%, 0 70%); }
.mk.hp { background: #c61f44; }
.mk.hp svg { width: 13px; height: 13px; }
.mk.al { background: #2c3457; }
.mk.rass { background: #1f9d6b; border-radius: 4px; }
.poignee-az { width: 14px; height: 14px; border-radius: 50%; background: #ffd33d; border: 2px solid #1f2a44; box-shadow: 0 1px 4px rgba(0,0,0,.4); cursor: grab; }
.poignee-az.hp { background: #fff; border-color: #c61f44; }
.etiq-zone { background: rgba(198, 31, 68, .88); color: #fff; border: 0; border-radius: 4px; font-weight: 700; font-size: 12px; padding: 1px 6px; box-shadow: none; }
.etiq-zone::before { display: none; }
.etiq-mesure { background: #fff; color: #2c3457; border: 2px solid #2c3457; border-radius: 10px; font-size: 11px; font-weight: 700; padding: 0 5px; white-space: nowrap; text-align: center; }
.etiq-mesure.dedans { border-style: dashed; }
.etiq-mesure.ambiant { border-color: #6b7280; color: #374151; font-style: italic; }
h3 .scen-principal { font-size: 11px; font-weight: 700; color: #fff; background: #c61f44; border-radius: 8px; padding: 1px 7px; vertical-align: middle; }
.son-resume { font-size: 12px; margin: 4px 0 6px; padding: 6px 8px; border-radius: 6px; background: #fdf0f3; color: #7a1029; font-weight: 600; }
.son-chiffres { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 10px; font-size: 12px; margin: 6px 0; }
.son-chiffres b { font-size: 15px; color: #2c3457; }
table.mini { width: 100%; border-collapse: collapse; font-size: 12px; }
table.mini td, table.mini th { border-bottom: 1px solid var(--bord); padding: 3px 4px; text-align: left; }
table.mini td.n, table.mini th.n { text-align: right; white-space: nowrap; }
.pastille-ok { color: #1f9d6b; font-weight: 700; } .pastille-ko { color: #c61f44; font-weight: 700; }
.hachure { background: repeating-linear-gradient(45deg, #f57c00 0 3px, rgba(245,124,0,.2) 3px 7px); }

/* ---- thème ALERTES-BCOMINFO (nom d'hôte ALERTES) ---- */
.marque-alertes-bandeau { display: none; }
body.theme-alertes { --accent: #c61f44; --accent-doux: #fdecef; --marine: #2c3457; font-family: "Inter", system-ui, sans-serif; }
body.theme-alertes header { background: #2c3457; }
body.theme-alertes header .marque { display: none; }
body.theme-alertes .marque-alertes-bandeau { display: block; flex: none; }
body.theme-alertes .marque-alertes-bandeau img { height: 48px; display: block; }
body.theme-alertes header .produit-bandeau svg { color: #ff8fa8; }
body.theme-alertes h2, body.theme-alertes h3, body.theme-alertes header .site .nom { font-family: "Barlow", "Inter", sans-serif; }
body.theme-alertes .onglets button.actif { color: #c61f44; border-bottom-color: #c61f44; }
body.page-connexion.theme-alertes { background: linear-gradient(160deg, #2c3457, #1d2340); }
.marque-alertes { text-align: center; }
.marque-alertes .mq-alertes { width: min(340px, 90%); display: block; margin: 0 auto 10px; }
.marque-alertes .mq-produit { font-family: "Barlow", sans-serif; letter-spacing: .2em; color: #2c3457; font-weight: 700; font-size: 13px; }
body.theme-alertes.page-connexion .btn { background: #c61f44; }