/* Charte commune aux trois plateformes de la Mairie du Plan-de-la-Tour. Seul fichier où couleurs et police sont définies.
   Interfaces en bleu ; le jaune #FFD561 est réservé aux fichiers à présenter (DECISIONS D12). Contrôle : outils/verifier-charte.py */
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:100 900;size-adjust:94%;src:url(/commun/polices/montserrat-latin.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:100 900;size-adjust:94%;src:url(/commun/polices/montserrat-latin-ext.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  /* Interfaces : bleu de la commune */
  --bleu:#005596;--nuit:#003A66;--nuit-2:#00305A;--jaune:#FFD86D;--jaune-pale:#FFF3CC;--rouge:#C8162C;--rouge-pale:#FDECEE;--ardoise:#495963;
  --encre:#14212B;--encre-2:#2A3B47;--muted:#55656F;--fond:#F4F6F8;--papier:#FFFFFF;--papier-2:#F8FAFB;
  --bord:#DCE2E7;--bord-2:#E8EDF1;--champ:#8796A0;
  --ok:#1F6B3F;--ok-bg:#E5F3EA;--warn:#7A4A00;--warn-bg:#FFF2D9;--danger:#A3122A;--danger-bg:#FDECEE;--danger-bd:#E8B9C0;
  --off:#3A4750;--off-bg:#E9ECEF;--info-bg:#EEF5FB;--info-bd:#C9DDEE;
  --vac:#1F7482;--vac-bg:#E3F3F5;--we:#EEF1F4;--ferie-bg:#FDEFF1;
  --cat-culture:#005596;--cat-sport:#2F7A4A;--cat-fete:#C8162C;--cat-solidarite:#495963;--cat-jeunesse:#A84B0C;--cat-patrimoine:#7A5C2E;
  /* Fichiers à présenter (affiches, PDF, documents) : jaune de la charte du CDC, texte #2A2C32 */
  --doc-jaune:#FFD561;--doc-encre:#2A2C32;
  --police:"Montserrat",-apple-system,"Segoe UI",system-ui,sans-serif;
  --ombre:0 1px 2px rgba(20,33,43,.05);--ombre-2:0 10px 30px -8px rgba(20,33,43,.18),0 2px 6px rgba(20,33,43,.06);
  --r:8px;--r-lg:12px;--ease:cubic-bezier(.2,.7,.2,1)
}
html{-webkit-text-size-adjust:100%}
body{background:var(--fond);color:var(--encre);font-family:var(--police)}
a{color:var(--bleu);text-underline-offset:2px}
a:hover{color:var(--nuit)}
/* Le contour reste visible sur le bleu comme sur le blanc (COM-05) */
:focus-visible,input[type=date]:focus-within,input[type=time]:focus-within{outline:3px solid var(--bleu)!important;outline-offset:2px;box-shadow:0 0 0 2px var(--papier)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Barre des plateformes, commune aux trois outils */
.barre-plateformes{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding:4px 16px;background:var(--nuit-2);color:#fff;font-size:13px}
.barre-plateformes b{color:var(--jaune);font-weight:700}
.barre-plateformes nav{display:flex;flex-wrap:wrap;gap:2px 4px}
.barre-plateformes a{color:#fff;text-decoration:none;padding:3px 10px;border-radius:6px}
.barre-plateformes a:hover{background:rgba(255,255,255,.14);color:#fff}
.barre-plateformes a[aria-current]{background:var(--jaune);color:var(--nuit);font-weight:700}
.barre-plateformes .boite{margin-left:auto;text-decoration:underline}
.barre-plateformes :focus-visible,.sidenav :focus-visible,.login-side :focus-visible{outline-color:var(--jaune)!important;box-shadow:none}
.sans-acces{max-width:34rem;margin:12vh auto;padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.sans-acces .btn{display:inline-block;margin:4px;padding:10px 16px;border-radius:var(--r);background:var(--bleu);color:#fff;font-weight:700;text-decoration:none}
/* Champ piège du formulaire public, hors écran pour les personnes (PUB-01) */
.champ-piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.defile{overflow-x:auto;max-width:100%}
#v-demo .btn{width:100%;white-space:normal}
.barre-plateformes .court{display:none}
@media (max-width:640px){.barre-plateformes{gap:2px 10px;padding:4px 10px}.barre-plateformes .long{display:none}.barre-plateformes .court{display:inline}.barre-plateformes nav{order:3;width:100%;flex-wrap:nowrap}.barre-plateformes a{padding:3px 8px}}