/* Idéal Web — GOLD — Cluster Création Belgique / Métiers / Villes
   Styles consolidés des trois pages révisées.
   Chaque règle reste strictement scopée par une classe de page sémantique. */


/* CTA de fermeture Belgique supprimé en V24 : le CTA sticky mobile reste l’unique conversion de fin. */


/* CTA final Métiers supprimé en V24 : aucun style résiduel dédié. */


body.iw-page-villes{
  --iw-city-deep:#071522;
  --iw-city-deep-2:#101827;
  --iw-city-white:#f4f7f5;
  --iw-city-copy:#c9d9d2;
  --iw-city-green:#0f8442;
  --iw-city-mint:#8addbb;
}

/* Le lockup doit être posé directement dans le header, sans carte/ombre héritée. */
body.iw-page-villes .hub-system-header .brand{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Iconographie sobre : aucun emoji dépendant de l'OS. */
body.iw-page-villes main .card-icon{
  color:var(--iw-city-green)!important;
  background:#eef8f1!important;
  border:1px solid #cfe5d8!important;
  box-shadow:none!important;
}
body.iw-page-villes main .card-icon svg{
  width:24px;height:24px;display:block;
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}

/* Panneau volontairement sombre : texte explicitement clair, sans dépendre des tokens globaux. */
body.iw-page-villes main #ville-et-metier .split-panel{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:clamp(34px,4.4vw,64px)!important;
  align-items:center!important;
  padding:clamp(34px,4vw,58px)!important;
  border:1px solid rgba(138,221,187,.18)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 8% 10%,rgba(15,132,66,.18),transparent 34%),
    linear-gradient(135deg,#0a1d20 0%,var(--iw-city-deep-2) 100%)!important;
  box-shadow:0 24px 64px rgba(3,36,31,.14)!important;
  color:var(--iw-city-white)!important;
}
body.iw-page-villes main #ville-et-metier .mini-label{
  color:#d9f5e8!important;
  background:rgba(138,221,187,.09)!important;
  border-color:rgba(138,221,187,.24)!important;
}
body.iw-page-villes main #ville-et-metier h2{
  max-width:620px!important;
  margin:18px 0 20px!important;
  color:var(--iw-city-white)!important;
  -webkit-text-fill-color:var(--iw-city-white)!important;
  font-size:clamp(2.4rem,4vw,4.25rem)!important;
  line-height:1.01!important;
  letter-spacing:-.055em!important;
}
body.iw-page-villes main #ville-et-metier p{
  max-width:650px!important;
  margin:0 0 16px!important;
  color:var(--iw-city-copy)!important;
  -webkit-text-fill-color:var(--iw-city-copy)!important;
  font-size:1rem!important;
  line-height:1.78!important;
}
body.iw-page-villes main #ville-et-metier p strong{
  color:var(--iw-city-mint)!important;
  -webkit-text-fill-color:var(--iw-city-mint)!important;
}
body.iw-page-villes main #ville-et-metier .btn-ghost{
  width:max-content!important;
  min-height:48px!important;
  margin-top:10px!important;
  padding:0 19px!important;
  border:1px solid rgba(244,247,245,.22)!important;
  border-radius:12px!important;
  background:rgba(244,247,245,.07)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
body.iw-page-villes main #ville-et-metier .btn-ghost:hover{
  border-color:rgba(138,221,187,.42)!important;
  background:rgba(138,221,187,.12)!important;
}
body.iw-page-villes main #ville-et-metier .seo-path{
  margin:0!important;
  gap:10px!important;
}
body.iw-page-villes main #ville-et-metier .seo-path a{
  min-height:52px!important;
  padding:12px 16px!important;
  border:1px solid rgba(244,247,245,.12)!important;
  border-radius:14px!important;
  background:rgba(244,247,245,.055)!important;
  color:#f2f7f4!important;
  -webkit-text-fill-color:#f2f7f4!important;
  box-shadow:none!important;
}
body.iw-page-villes main #ville-et-metier .seo-path a:hover{
  border-color:rgba(138,221,187,.33)!important;
  background:rgba(138,221,187,.09)!important;
}
body.iw-page-villes main #ville-et-metier .seo-path a strong{
  min-width:28px;
  color:var(--iw-city-mint)!important;
  -webkit-text-fill-color:var(--iw-city-mint)!important;
}

@media(max-width:980px){
  body.iw-page-villes main #ville-et-metier .split-panel{grid-template-columns:1fr!important;gap:30px!important}
  body.iw-page-villes main #ville-et-metier h2{max-width:760px!important}
}
@media(max-width:620px){
  body.iw-page-villes main #ville-et-metier .split-panel{padding:26px 20px!important;border-radius:22px!important}
  body.iw-page-villes main #ville-et-metier h2{font-size:clamp(2.15rem,10.7vw,3.2rem)!important;line-height:1.04!important}
  body.iw-page-villes main #ville-et-metier p{font-size:.96rem!important;line-height:1.7!important}
  body.iw-page-villes main #ville-et-metier .btn-ghost{width:100%!important;justify-content:center!important}
  body.iw-page-villes main #ville-et-metier .seo-path a{align-items:flex-start!important;border-radius:12px!important}
}

/* Helpers locaux qui remplacent les anciens attributs style= de la page Belgique. */
body.iw-page-create-be .section-actions{margin-top:22px}
body.iw-page-create-be .section-actions.is-wide{margin-top:24px}
body.iw-page-create-be .hero-actions.is-left{justify-content:flex-start}
body.iw-page-create-be .link-grid.is-spaced{margin-top:22px}


/* V24 : FAQ et CTA finaux signalés supprimés ; aucun style de rattrapage conservé. */