/* Polices hébergées sur le site (licence SIL Open Font License, voir polices/LICENCES.txt) */
@font-face{font-family:"Albert Sans";font-style:normal;font-weight:400;font-display:swap;src:url(polices/albert-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Albert Sans";font-style:normal;font-weight:500;font-display:swap;src:url(polices/albert-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Albert Sans";font-style:normal;font-weight:700;font-display:swap;src:url(polices/albert-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Big Shoulders Display";font-style:normal;font-weight:700;font-display:swap;src:url(polices/big-shoulders-display-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Big Shoulders Display";font-style:normal;font-weight:900;font-display:swap;src:url(polices/big-shoulders-display-latin-900-normal.woff2) format("woff2")}

/* Base */
:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
/* Layout : plombier d'urgence. Le numéro de téléphone EST le titre, en chiffres géants sur fond bleu.
   Juste dessous, un tri interactif « Quel est le problème ? » qui dit quoi faire en attendant et le prix
   habituel. Bande jaune pour la licence RBQ. Un seul look, bleu profond, blanc et jaune signal. */
:root{
  --blue:#0b3765; --blue2:#124b85; --yellow:#ffd23f; --yellow-ink:#231a00; --bg:#f3f6fa; --card:#ffffff; --ink:#0a1f33; --muted:#4d6176; --line:#d5dee8;
  --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif; --body:"Albert Sans","Segoe UI",system-ui,sans-serif; color-scheme:light;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.5}
a{color:inherit}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}
.demo{background:var(--ink);color:#fff;font-size:13px;text-align:center;padding:7px 16px}
.wrap{max-width:1000px;margin:0 auto;padding-inline:18px}
.hero{background:var(--blue);color:#fff;padding-bottom:clamp(70px,12vw,120px)}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-block:18px}
.logo{font-family:var(--display);font-weight:900;font-size:24px;text-transform:uppercase;letter-spacing:.03em;line-height:1}
.urg{background:var(--yellow);color:var(--yellow-ink);font-weight:700;font-size:14px;padding:6px 12px;border-radius:4px}
.hero .q{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(24px,5vw,40px);line-height:1;margin:clamp(18px,5vw,48px) 0 0;letter-spacing:.02em;color:#fff;max-width:none}
h1{font-family:var(--display);font-weight:900;font-size:clamp(48px,13.5vw,150px);line-height:.9;margin:0;color:var(--yellow);white-space:nowrap;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
h1 a{text-decoration:none}
.hero p{max-width:44ch;margin:18px 0 0;font-size:19px;color:#dbe7f5}
.tri{position:relative;margin-top:calc(-1 * clamp(44px,8vw,80px));background:var(--card);border-radius:10px;border:1px solid var(--line);box-shadow:0 18px 40px rgba(11,55,101,.14);padding:clamp(18px,3.5vw,32px)}
h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(30px,6vw,48px);line-height:1;margin:0 0 6px;letter-spacing:.01em}
.sub{color:var(--muted);margin:0 0 20px;max-width:60ch}
.probs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
@media (max-width:720px){.probs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.probs button{font:inherit;font-weight:700;color:var(--ink);background:var(--bg);border:2px solid var(--line);border-radius:8px;padding:14px 10px;cursor:pointer;min-width:0}
.probs button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.ans{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:18px}
@media (max-width:720px){.ans{grid-template-columns:minmax(0,1fr)}}
.ans h3{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 8px}
.ans ol{margin:0;padding-left:22px}
.ans li{padding:3px 0}
.price{background:var(--yellow);color:var(--yellow-ink);border-radius:8px;padding:18px;min-width:0}
.price h3{color:var(--yellow-ink)}
.price b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(34px,7vw,48px);line-height:1}
.price span{font-size:15px}
section{padding-block:clamp(32px,6vw,64px)}
.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
@media (max-width:720px){.list{grid-template-columns:minmax(0,1fr)}}
.s{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:14px 0 14px 16px;border-left:8px solid var(--blue);border-bottom:1px solid var(--line);min-width:0}
.s div{min-width:0}
.s b{display:block}
.s small{color:var(--muted);font-size:14px}
.s em{font-style:normal;font-family:var(--display);font-weight:700;font-size:24px;white-space:nowrap;line-height:1}
.rbq{background:var(--yellow);color:var(--yellow-ink)}
.rbq .wrap{display:flex;gap:10px 34px;flex-wrap:wrap;align-items:center;padding-block:16px;font-weight:700}
.rbq b{font-family:var(--display);font-weight:900;font-size:26px;text-transform:uppercase;line-height:1}
.how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:n}
@media (max-width:820px){.how{grid-template-columns:repeat(2,minmax(0,1fr))}}
.how div{counter-increment:n;min-width:0}
.how div::before{content:counter(n);display:block;font-family:var(--display);font-weight:900;font-size:64px;line-height:.9;color:var(--blue2)}
.how b{display:block;margin-top:6px}
.how span{color:var(--muted);font-size:15px}
.info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width:720px){.info{grid-template-columns:minmax(0,1fr)}}
.info p{margin:0 0 6px}
.frame{border:2px dashed var(--line);border-radius:8px;padding:16px;color:var(--muted);font-size:15px;margin-top:12px}
.bottom{background:var(--blue);color:#fff;text-align:center;padding:clamp(28px,6vw,52px) 18px}
.bottom p{margin:0 0 4px;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:22px;letter-spacing:.03em}
.bottom b{font-family:var(--display);font-weight:900;font-size:clamp(44px,13vw,96px);line-height:1;color:var(--yellow);white-space:nowrap;font-variant-numeric:tabular-nums}
footer{padding-block:22px 38px;color:var(--muted);font-size:14px}

/* Le jour d'aujourd'hui (classe ajoutée par ouverture.js) */
tr.aujourdhui td{font-weight:700}
tr[data-jours] td:last-child{white-space:nowrap}
tr.aujourdhui td:first-child::after,[data-jours].aujourdhui:not(tr)::after{content:" · aujourd'hui";font-weight:400;opacity:.75}
[data-jours].aujourdhui:not(tr){font-weight:700}

.en-option{display:inline-block;vertical-align:middle;font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--yellow);color:var(--yellow-ink);margin-left:6px}