/* Idéal Web — Brand Logo System V3 HYBRID — 2026-10-04
   Logo complet symbole + wordmark + ® intégré dans les assets. Les fichiers de marque sont livrés en transparent :
   aucune retouche CSS (ni filtre, ni recadrage, ni masque). */
:root{
  --iw-brand-green:#0f8442;
  --iw-brand-green-dark:#0a6036;
  --iw-brand-deep:#03241f;
  --iw-brand-ink:#10261f;
  --iw-brand-mint:#8addbb;
  --iw-brand-footer:#052d25;
}

/* En-tête : logo vert transparent, intégration directe. */
:where(.site-header,.hub-system-header,header) a.brand{
  display:inline-flex;
  align-items:center;
  line-height:0;
  max-width:232px;
}
:where(.site-header,.hub-system-header,header) a.brand img[src*="idealweb-logo-premium"]{
  display:block;
  width:100%;
  height:auto;
  max-height:46px;
  object-fit:contain;
  object-position:left center;
}

/* Pied de page : logo menthe transparent, taille naturelle, sans découpe. */
:where(.hub-system-footer,.site-footer,.footer) :is(.footer-logo-link,.footer-gold-brand,.brand):has(img[src*="idealweb-logo-footer"]){
  display:inline-block;
  line-height:0;
  max-width:100%;
}
:where(.hub-system-footer,.site-footer,.footer) img[src*="idealweb-logo-footer"]{
  display:block;
  width:205px;
  max-width:100%;
  height:auto;
}

@media(max-width:640px){
  :where(.site-header,.hub-system-header,header) a.brand{max-width:190px}
  :where(.hub-system-footer,.site-footer,.footer) img[src*="idealweb-logo-footer"]{width:172px}
}


/* V12 — articles : le header utilise le lockup officiel complet, jamais un wordmark HTML reconstruit. */
header a.iw-article-brand-logo{max-width:184px!important}
header a.iw-article-brand-logo img[src*="idealweb-logo-premium"]{width:184px!important;max-width:100%;max-height:40px!important;height:auto!important;border-radius:0!important}
@media(max-width:640px){header a.iw-article-brand-logo{max-width:158px!important}header a.iw-article-brand-logo img[src*="idealweb-logo-premium"]{width:158px!important;max-height:36px!important}}

/* V62 — GOLD visual safety lock — 2026-10-07
   Filet de sécurité commun : un logo officiel ne doit jamais reprendre sa taille native
   si une page SEO/legacy oublie son CSS local. Règles volontairement conservatrices. */
:where(header,.site-header,.hub-system-header) :where(.iw-seo-brand-logo,.brand,[class*="brand-logo"]){
  max-width:220px;
}
:where(header,.site-header,.hub-system-header) :where(.iw-seo-brand-logo,.brand,[class*="brand-logo"]) img[src*="idealweb-logo"]{
  display:block;
  width:auto;
  max-width:220px;
  max-height:48px;
  height:auto;
  object-fit:contain;
}
:where(header,.site-header,.hub-system-header) img[src*="idealweb-logo-premium"]{
  max-width:220px;
  max-height:48px;
  width:auto;
  height:auto;
  object-fit:contain;
}
:where(.hub-system-footer,.site-footer,.footer,footer) img[src*="idealweb-logo-footer"]{
  max-width:205px;
  height:auto;
  object-fit:contain;
}
@media(max-width:640px){
  :where(header,.site-header,.hub-system-header) :where(.iw-seo-brand-logo,.brand,[class*="brand-logo"]){max-width:178px}
  :where(header,.site-header,.hub-system-header) :where(.iw-seo-brand-logo,.brand,[class*="brand-logo"]) img[src*="idealweb-logo"],
  :where(header,.site-header,.hub-system-header) img[src*="idealweb-logo-premium"]{max-width:178px;max-height:40px}
}