/* assurance-moto.mrib.be — habillage « moto » par-dessus le thème MRI (sombre « Marine » ou clair). */
.site-moto{--m-fond:#0d1630;--m-surface:#17234a;--m-bord:#2a3966;--m-texte:#dde4f3;--m-doux:#9fb0d4;--m-titre:#fff;--m-turq:#25cdc7;--m-orange:#f39a1e}
html[data-theme="clair"] .site-moto{--m-fond:#f5f7fa;--m-surface:#fff;--m-bord:#e3e8ef;--m-texte:#22324d;--m-doux:#5f6b7a;--m-titre:#142b55;--m-turq:#0d8f8a}

/* En-tête */
.moto-entete .wrap{display:flex;align-items:center;gap:22px}
.moto-entete .logo{flex:none}
.moto-marque{font-weight:800;font-size:19px;letter-spacing:-.01em}
.moto-marque b{color:var(--m-turq);font-weight:800}
.moto-nav{display:flex;gap:22px;margin-left:auto}
.moto-nav a{font-weight:700;text-decoration:none;color:var(--m-doux)}
.moto-nav a:hover{color:var(--m-turq)}
.moto-entete .header-actions{margin-left:0}
@media (max-width:900px){.moto-nav{display:none}.moto-entete .header-actions{margin-left:auto}}

/* Héros */
.moto-site{display:block}
.moto-hero{position:relative;overflow:hidden;padding:64px 0 56px;color:#dde4f3;
  background:radial-gradient(1200px 500px at 85% 20%,rgba(37,205,199,.18),transparent 60%),
             linear-gradient(160deg,#0a1230 0%,#0f1c45 55%,#132a5c 100%)}
.moto-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;
  background:repeating-linear-gradient(90deg,#25cdc7 0 46px,transparent 46px 80px);opacity:.55}
.moto-hero__grille{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
.moto-sur{text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:800;color:#25cdc7;margin:0 0 12px}
.moto-hero h1{text-transform:none;color:#fff;font-size:clamp(34px,4.6vw,58px);line-height:1.05;margin:0 0 18px;letter-spacing:-.035em}
.moto-hero h1 span{background:linear-gradient(90deg,#25cdc7,#7fd6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.moto-hero__texte{font-size:19px;line-height:1.55;max-width:600px;color:#c9d3ea;margin:0 0 26px}
.moto-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.moto-hero .btn-outline{background:transparent;color:#fff;border-color:#3a4a75}
.moto-hero .btn-outline:hover{border-color:#25cdc7;color:#25cdc7}
.moto-atouts{list-style:none;padding:0;margin:26px 0 0;display:flex;gap:10px 22px;flex-wrap:wrap;font-weight:700;font-size:15px;color:#c9d3ea}
.moto-atouts li::before{content:"✓";color:#25cdc7;margin-right:8px;font-weight:800}
.moto-svg{width:100%;height:auto;max-width:460px;display:block;margin:0 auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.35))}
@media (max-width:860px){.moto-hero__grille{grid-template-columns:1fr}.moto-hero__visuel{order:-1;max-width:230px;margin:0 auto}.moto-hero{padding:34px 0 44px}}

/* Bandes */
.moto-bande{padding:60px 0;background:var(--m-fond);color:var(--m-texte)}
.moto-bande + .moto-bande{border-top:1px solid var(--m-bord)}
.moto-bande h2{font-size:clamp(26px,3vw,36px);margin:0 0 28px;color:var(--m-titre)}
.moto-cta{margin:26px 0 0}

.moto-etapes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:none}
.moto-etapes li{background:var(--m-surface);border:1px solid var(--m-bord);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:6px}
.moto-etapes b{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:var(--m-turq);color:#0d1630;font-weight:800;margin-bottom:6px}
.moto-etapes strong{color:var(--m-titre);font-size:17px}
.moto-etapes span{color:var(--m-doux);font-size:15px;line-height:1.5}
@media (max-width:900px){.moto-etapes{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.moto-etapes{grid-template-columns:1fr}}

.moto-cartes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.moto-carte{background:var(--m-surface);border:1px solid var(--m-bord);border-radius:20px;padding:22px;position:relative}
.moto-carte h3{margin:10px 0 8px;font-size:19px;color:var(--m-titre)}
.moto-carte p{margin:0;color:var(--m-doux);line-height:1.55;font-size:15px}
.moto-etiquette{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:999px;background:rgba(37,205,199,.16);color:var(--m-turq)}
.moto-etiquette--option{background:rgba(243,154,30,.15);color:var(--m-orange)}
@media (max-width:900px){.moto-cartes{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.moto-cartes{grid-template-columns:1fr}}

.moto-bande--accent{background:linear-gradient(135deg,rgba(37,205,199,.14),rgba(29,111,209,.10)),var(--m-fond)}
.moto-duo{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.moto-duo p{font-size:17px;line-height:1.6;max-width:640px}
.moto-duo__prix{display:grid;gap:12px}
.moto-duo__prix div{background:var(--m-surface);border:1px solid var(--m-bord);border-radius:18px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}
.moto-duo__prix span{color:var(--m-doux);font-weight:700}
.moto-duo__prix strong{color:var(--m-titre)}
.moto-duo__mieux{border-color:var(--m-turq)!important;box-shadow:0 0 0 3px rgba(37,205,199,.15)}
.moto-duo__mieux strong{color:var(--m-turq)}
@media (max-width:760px){.moto-duo{grid-template-columns:1fr}}

.moto-faq{display:grid;gap:12px;max-width:900px}
.moto-faq details{background:var(--m-surface);border:1px solid var(--m-bord);border-radius:16px;padding:0 22px}
.moto-faq summary{cursor:pointer;font-weight:800;padding:18px 0;color:var(--m-titre);list-style:none;position:relative;padding-right:30px}
.moto-faq summary::-webkit-details-marker{display:none}
.moto-faq summary::after{content:"+";position:absolute;right:0;top:14px;font-size:24px;color:var(--m-turq)}
.moto-faq details[open] summary::after{content:"−"}
.moto-faq p{margin:0 0 18px;color:var(--m-doux);line-height:1.6}

.moto-liens{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.moto-lien{display:flex;flex-direction:column;gap:6px;background:var(--m-surface);border:1px solid var(--m-bord);border-radius:16px;padding:18px;text-decoration:none;color:var(--m-texte);transition:border-color .15s,transform .15s}
.moto-lien:hover{border-color:var(--m-turq);transform:translateY(-2px)}
.moto-lien strong{color:var(--m-titre)}
.moto-lien span{color:var(--m-doux);font-size:14px;line-height:1.5;flex:1}
.moto-lien em{font-style:normal;font-weight:800;color:var(--m-turq);font-size:14px}
@media (max-width:900px){.moto-liens{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.moto-liens{grid-template-columns:1fr}}

.moto-final{padding:64px 0;text-align:center;color:#dde4f3;background:linear-gradient(160deg,#0f1c45,#132a5c)}
.moto-final h2{color:#fff;font-size:clamp(28px,3.4vw,42px);margin:0 0 10px}
.moto-final p{color:#c9d3ea;font-size:18px;margin:0 0 22px}
.moto-final .moto-mention{font-size:13px;color:#9fb0d4;margin:22px auto 0;max-width:620px}

/* Pied de page */
.moto-pied .foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.moto-pied ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.moto-pied .foot-bas{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;opacity:.8;padding-top:18px;padding-bottom:22px}
@media (max-width:760px){.moto-pied .foot-cols{grid-template-columns:1fr}}