/* Base — reprise de la maquette « Accueil Netlinking v2 - bleu ».
   Les styles de mise en page restent inline sur le markup (valeurs définitives du handoff) ;
   ce fichier porte ce qu'un attribut ne peut pas exprimer : hover, focus, responsive. */
body{margin:0;background:#fff;color:#0A0A0A;font-family:'Mulish',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#146EF5;text-decoration:none}
a:hover{color:#0B3FA8}
h1,h2,h3,h4{font-family:'Poppins',system-ui,sans-serif;margin:0}
p{margin:0}
@keyframes floatUp{from{transform:translateY(8px)}to{transform:translateY(-8px)}}

/* Ancres : compenser l'en-tête sticky de 74px */
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:74px}

/* Honeypot anti-spam */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}

/* Erreurs de formulaire */
.form-errors{margin-bottom:14px;padding:12px 14px;border-radius:12px;background:#FDECEC;
  border:1px solid #F5C2C2;color:#8A1F1F;font-size:14px}

/* FAQ : un seul panneau ouvert */
.faq-q{width:100%;background:none;border:0;cursor:pointer;text-align:left;font:inherit}
.faq-panel[hidden]{display:none}

/* Burger mobile */
.site-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.site-burger span{display:block;width:22px;height:2px;background:#0A0A0A;border-radius:2px}
.site-mobile-nav{display:none;flex-direction:column;gap:2px;padding:8px 28px 16px;border-top:1px solid #E4E4E4}
.site-mobile-nav[hidden]{display:none}
.site-mobile-nav a{font-family:'Poppins',sans-serif;font-weight:500;font-size:15px;color:#3A3A3A;padding:11px 0}

/* Survol et focus repris des attributs style-hover / style-focus de la maquette */
.x0:hover{background:#F5F5F5;color:#146EF5}
.x1:hover{background:#F5F5F5;color:#146EF5}
.x2:hover{background:#F5F5F5;color:#146EF5}
.x3:hover{background:#F5F5F5;color:#146EF5}
.x4:hover{background:#0B3FA8;color:#fff}
.x5:hover{background:#0B3FA8;color:#fff}
.x6:hover{border-color:#0B3FA8;color:#0B3FA8}
.x7:hover{transform:translateY(-4px)}
.x8:hover{color:#0B3FA8}
.x9:hover{border-color:#146EF5}
.x10:hover{border-color:#146EF5}
.x11:hover{border-color:#146EF5}
.x12:hover{border-color:#146EF5}
.x13:hover{border-color:#146EF5}
.x14:hover{border-color:#146EF5}
.x15:hover{border-color:#146EF5}
.x16:hover{border-color:#146EF5}
.x17:hover{border-color:#146EF5;color:#146EF5}
.x18:hover{background:#0B3FA8;color:#fff}
.x19:hover{border-color:#0B3FA8;color:#0B3FA8}
.x20:focus{border-color:#146EF5}
.x21:focus{border-color:#146EF5}
.x22:focus{border-color:#146EF5}
.x23:focus{border-color:#146EF5}
.x24:focus{border-color:#146EF5}
.x25:hover{background:#0B3FA8}

@media (max-width:980px){
  .site-nav a:not(:last-child){display:none}
  .site-burger{display:flex}
  .site-mobile-nav:not([hidden]){display:flex}
  .site-h1{font-size:36px!important}
  h2{font-size:28px!important}
  section > div{padding-top:56px!important;padding-bottom:56px!important;
    padding-left:20px!important;padding-right:20px!important}
  .site-header > div{padding-left:20px!important;padding-right:20px!important}
}

/* Page mentions légales */
.legal h2{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:40px 0 12px}
.legal h2:first-child{margin-top:0}
.legal h3{font-size:17px;font-weight:600;margin:24px 0 8px}
.legal p{font-size:16px;color:#4A4A4A;margin-bottom:12px}
