/*
Theme Name:   Consultix Child
Theme URI:    https://uemoa.competition.app/
Description:  Thème enfant de Consultix — footer personnalisé (UEMOA / Direction de la Concurrence). Tout code custom vit ici et survit aux mises à jour.
Author:       UEMOA
Template:     consultix
Version:      1.5.0
Text Domain:  consultix-child
*/

/* ══════════════════════════════════════════════════════════════
   FOOTER UEMOA (2 sections : bloc d'ouverture + pied de page).
   Classes préfixées « uf- » : aucune collision avec Bootstrap /
   Font Awesome du thème (.fa, .badge, .btn, .panel…). Police forcée.
   ══════════════════════════════════════════════════════════════ */
#uemoa-footer{
  --paper:#E9F1FB;
  --blue:#0B57C4; --blue-light:#0E5FD1; --blue-deep:#0A4699;
  --navy:#062B63; --navy-2:#04204C;
  --gold:#FFC72C;
  --ink:#0F172A; --slate:#5A6B85; --line:#D3E2F5;
  --r:5px;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  margin-bottom:0;
}
#uemoa-footer,
#uemoa-footer *{
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;
}
#uemoa-footer *,#uemoa-footer *::before,#uemoa-footer *::after{box-sizing:border-box}
#uemoa-footer a{color:inherit;text-decoration:none}
#uemoa-footer button{cursor:pointer;border:0;background:none;color:inherit}
#uemoa-footer :focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
#uemoa-footer svg{display:block;max-width:100%}
#uemoa-footer p{margin:0}

/* ══════════ BLOC D'OUVERTURE ══════════ */
#uemoa-footer .uf-hero{position:relative;max-width:1760px;margin:0 auto;padding:26px 22px 0;
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:14px;align-items:stretch}
#uemoa-footer .uf-shot{position:relative;border-radius:var(--r);background:#9CC6E8;min-height:498px;margin:0}
#uemoa-footer .uf-shot > img{width:100%;height:100%;object-fit:cover;object-position:center 62%;border-radius:var(--r)}

#uemoa-footer .uf-badge{position:absolute;right:0;bottom:0;z-index:3;background:#fff;
  border-radius:5px;padding:18px 20px 16px;width:260px;
  box-shadow:0 10px 30px rgba(6,43,99,.22)}
#uemoa-footer .uf-flags{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}
#uemoa-footer .uf-flags svg{width:100%;height:auto;border-radius:50%;
  box-shadow:0 0 0 1px rgba(6,43,99,.12) inset}
#uemoa-footer .uf-count{display:flex;align-items:center;gap:11px}
#uemoa-footer .uf-n{font-size:41px;font-weight:800;line-height:.82;color:var(--blue);letter-spacing:-.03em;flex:none}
#uemoa-footer .uf-t{font-size:11.5px;line-height:1.32;font-weight:600;color:var(--ink)}

#uemoa-footer .uf-panel{position:relative;border-radius:var(--r);overflow:hidden;
  background:linear-gradient(158deg,var(--blue-light) 0%,var(--blue) 46%,var(--blue-deep) 100%);
  display:flex;align-items:center;padding:clamp(34px,3.7vw,62px)}
#uemoa-footer .uf-panel::before{content:"";position:absolute;inset:-40% -10% -40% -60%;
  background:repeating-conic-gradient(from -18deg at 8% 50%,
    rgba(255,255,255,.055) 0deg 2.4deg, rgba(255,255,255,0) 2.4deg 7deg);pointer-events:none}
#uemoa-footer .uf-panel-in{position:relative;max-width:600px;padding-bottom:8px}
#uemoa-footer .uf-eyebrow{display:inline-block;border:1px solid rgba(255,255,255,.55);border-radius:6px;
  padding:8px 15px;font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:#fff;margin-bottom:22px}
#uemoa-footer .uf-panel h1{margin:0 0 20px;color:#fff;font-weight:800;letter-spacing:-.035em;
  font-size:clamp(36px,3.7vw,56px);line-height:1.07}
#uemoa-footer .uf-panel h1 em{font-style:normal;color:var(--gold)}
#uemoa-footer .uf-panel p{margin:0 0 28px;color:rgba(255,255,255,.9);font-size:clamp(16px,1.05vw,18.5px);
  line-height:1.72;max-width:52ch}
#uemoa-footer .uf-acts{display:flex;flex-wrap:wrap;gap:14px}
#uemoa-footer .uf-btn{display:inline-flex;align-items:center;gap:10px;border-radius:5px;padding:15px 26px;
  font-size:15.5px;font-weight:700;transition:transform .18s,background .18s,color .18s}
#uemoa-footer .uf-btn-gold{background:var(--gold);color:#0B3B86}
#uemoa-footer .uf-btn-gold:hover{background:#FFD65C;transform:translateY(-2px)}
#uemoa-footer .uf-btn-ghost{border:1.6px solid rgba(255,255,255,.75);color:#fff}
#uemoa-footer .uf-btn-ghost:hover{background:#fff;color:var(--blue);transform:translateY(-2px)}
#uemoa-footer .uf-btn svg{width:15px;height:15px}

/* ══════════ PIED DE PAGE ══════════ */
#uemoa-footer .uf-wrapf{max-width:1760px;margin:0 auto;padding:0 22px}
#uemoa-footer .uf-tight{margin-top:14px}
#uemoa-footer .uf-inf{border-radius:var(--r);overflow:hidden}

#uemoa-footer .uf-brandc{display:inline-flex;align-items:center;gap:12px}
#uemoa-footer .uf-glyph{height:58px;width:auto;flex:none;display:block;background:none;border-radius:0}
#uemoa-footer .uf-glyph img{height:100%;width:auto;display:block}
#uemoa-footer .uf-nm{font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1;display:block;color:#fff}
#uemoa-footer .uf-tl{font-size:11px;font-weight:600;line-height:1.35;margin-top:5px;display:block;max-width:26ch;opacity:.82;color:#fff}

#uemoa-footer .uf-cinfo{margin:22px 0 0;display:flex;flex-direction:column;align-items:flex-start !important;gap:14px;font-size:15px;line-height:1.5;text-align:left}
#uemoa-footer .uf-cinfo div{display:grid !important;grid-template-columns:auto 1fr;gap:12px;align-items:start;text-align:left;width:100%}
#uemoa-footer .uf-cinfo a,#uemoa-footer .uf-cinfo span{justify-self:start !important;text-align:left !important;margin:0 !important;width:auto !important}
#uemoa-footer .uf-cinfo svg{width:17px;height:17px;flex:none;margin-top:3px;fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}

#uemoa-footer .uf-lk h3{margin:0 0 16px;font-size:19px;font-weight:800;letter-spacing:-.02em;color:#fff}
#uemoa-footer .uf-lk ul{list-style:none;margin:0;padding:0}
#uemoa-footer .uf-lk li{margin:0}
#uemoa-footer .uf-lk a{display:flex;align-items:baseline;gap:9px;font-size:15px;padding:7px 0;transition:color .18s,transform .18s}
#uemoa-footer .uf-lk a::before{content:"\203A";font-weight:800;font-size:15px;line-height:1}
#uemoa-footer .uf-lk a:hover{transform:translateX(3px)}

#uemoa-footer .uf-nl h3{margin:0 0 14px;font-size:19px;font-weight:800;letter-spacing:-.02em;color:#fff}
#uemoa-footer .uf-nl p{margin:0 0 18px;font-size:15px;line-height:1.6;max-width:34ch}
#uemoa-footer .uf-nl form{display:flex;flex-direction:column;gap:12px;max-width:300px}
#uemoa-footer .uf-nl input{border-radius:8px;padding:15px 16px;font-size:14.5px;border:1px solid transparent}
#uemoa-footer .uf-nl input:focus{outline:none}
#uemoa-footer .uf-nl button{background:var(--gold);color:#0B3B86;border-radius:8px;padding:15px 22px;
  font-weight:800;font-size:14.5px;letter-spacing:.06em;transition:background .2s,transform .18s}
#uemoa-footer .uf-nl button:hover{background:#FFD65C;transform:translateY(-1px)}
#uemoa-footer .uf-ok{font-size:14.5px;font-weight:700;line-height:1.5;color:#fff}

#uemoa-footer .uf-botf{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;font-size:14.5px}
#uemoa-footer .uf-desk .uf-botf > span{justify-self:start !important;text-align:left !important;margin:0 !important;width:auto !important}
#uemoa-footer .uf-desk .uf-botf > .uf-soc{justify-self:end !important}
#uemoa-footer .uf-soc{display:flex;gap:10px}
#uemoa-footer .uf-soc a{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;transition:transform .18s,filter .18s}
#uemoa-footer .uf-soc a:hover{transform:translateY(-2px);filter:brightness(1.12)}
#uemoa-footer .uf-soc svg{width:16px;height:16px;fill:#fff}
#uemoa-footer .uf-soc .uf-fb{background:#3B5998}#uemoa-footer .uf-soc .uf-tw{background:#1DA1F2}#uemoa-footer .uf-soc .uf-li{background:#0A66C2}

/* Le pupitre (fond navy) */
#uemoa-footer .uf-desk{background:var(--navy);color:#fff;display:block}
#uemoa-footer .uf-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;width:100%;
  padding:clamp(30px,3.2vw,46px) clamp(24px,3vw,52px) 24px;border-bottom:1px solid rgba(255,255,255,.14)}
#uemoa-footer .uf-head h2{margin:0;font-size:clamp(21px,2vw,29px);font-weight:800;letter-spacing:-.028em;max-width:24ch;color:#fff;justify-self:start;text-align:left}
#uemoa-footer .uf-head > .uf-clock{justify-self:end}
#uemoa-footer .uf-clock{text-align:right;font-variant-numeric:tabular-nums}
#uemoa-footer .uf-hh{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--gold);line-height:1}
#uemoa-footer .uf-clock span{display:block;font-size:12.5px;opacity:.7;margin-top:5px;color:#fff}
#uemoa-footer .uf-grid{display:grid;grid-template-columns:1.35fr 1fr 1.15fr 1fr;gap:44px;width:100%;
  padding:clamp(32px,3.4vw,50px) clamp(24px,3vw,52px)}
#uemoa-footer .uf-desk .uf-cinfo,#uemoa-footer .uf-desk .uf-lk a{color:rgba(255,255,255,.88)}
#uemoa-footer .uf-desk .uf-cinfo svg{stroke:var(--gold)}
#uemoa-footer .uf-desk .uf-lk a::before{color:var(--gold)}
#uemoa-footer .uf-desk .uf-lk a:hover{color:var(--gold)}
#uemoa-footer .uf-desk .uf-nl p{color:rgba(255,255,255,.85)}
#uemoa-footer .uf-desk .uf-nl input{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.24)}
#uemoa-footer .uf-desk .uf-nl input::placeholder{color:rgba(255,255,255,.55)}
#uemoa-footer .uf-desk .uf-nl input:focus{border-color:var(--gold)}
#uemoa-footer .uf-botf{padding:20px clamp(24px,3vw,52px);border-top:1px solid rgba(255,255,255,.13);
  color:rgba(255,255,255,.72)}
#uemoa-footer .uf-botf a.uf-sign{color:var(--gold);font-weight:700}

/* ══════════ ADAPTATIF ══════════ */
@media (max-width:1180px){
  #uemoa-footer .uf-hero{grid-template-columns:1fr}
  #uemoa-footer .uf-shot{min-height:min(56vw,440px)}
  #uemoa-footer .uf-panel{padding:clamp(30px,5vw,48px)}
  #uemoa-footer .uf-grid{grid-template-columns:1fr 1fr;gap:34px}
  #uemoa-footer .uf-head{align-items:flex-start}
  #uemoa-footer .uf-clock{text-align:left}
}
@media (max-width:820px){
  #uemoa-footer .uf-badge{width:190px;padding:15px 16px 13px}
  #uemoa-footer .uf-n{font-size:37px}
  #uemoa-footer .uf-t{font-size:11px}
}
@media (max-width:640px){
  #uemoa-footer .uf-hero{padding:12px 12px 0;gap:12px}
  #uemoa-footer .uf-wrapf{padding:0 12px}
  #uemoa-footer .uf-tight{margin-top:12px}
  #uemoa-footer .uf-shot{min-height:0}
  #uemoa-footer .uf-shot > img{border-radius:var(--r) var(--r) 0 0;aspect-ratio:16/11}
  #uemoa-footer .uf-badge{position:static;width:auto;padding:18px 20px 16px;
    border-radius:0 0 var(--r) var(--r);box-shadow:none;border-top:1px solid var(--line)}
  #uemoa-footer .uf-flags{max-width:230px}
  #uemoa-footer .uf-n{font-size:44px}
  #uemoa-footer .uf-t{font-size:13px}
  #uemoa-footer .uf-panel h1{font-size:clamp(30px,7.4vw,40px)}
  #uemoa-footer .uf-grid{grid-template-columns:1fr;gap:30px}
  #uemoa-footer .uf-head{grid-template-columns:1fr;padding-bottom:20px}
  #uemoa-footer .uf-acts{flex-direction:column;align-items:stretch}
  #uemoa-footer .uf-btn{justify-content:center}
  #uemoa-footer .uf-nl form{max-width:none}
  #uemoa-footer .uf-botf{grid-template-columns:1fr;justify-items:start;gap:16px}
}
@media (prefers-reduced-motion:reduce){
  #uemoa-footer *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ══════════════════════════════════════════════════════════════
   CORRECTIF : masque l'ancien bloc EGDC « .signup-container »
   (« Faire Progresser l'Égalité » — contenu genre hors-sujet, image
   de fond sur ecowasgender.org, champ téléphone cassé dépliant
   ~240 pays sur ~17 000 px). La newsletter est désormais au footer.
   ══════════════════════════════════════════════════════════════ */
html body .signup-container{ display:none !important; }

/* ══════════════════════════════════════════════════════════════
   Débordement horizontal (barre de scroll) — surtout visible en FR :
   une row WPBakery `.vc_row-fluid` en pleine largeur déborde d'~15px
   (marges négatives non absorbées) + éléments off-canvas (sidr).
   On coupe le débordement horizontal (aucun contenu réel perdu).
   ══════════════════════════════════════════════════════════════ */
html, body { overflow-x: hidden !important; max-width: 100%; }

/* ══════════════════════════════════════════════════════════════
   MENU DU HEADER — même largeur (1347px) sur le menu bleu ET le top
   menu (logo/boutons), pour que les deux rangées soient alignées.
   ══════════════════════════════════════════════════════════════ */
@media (min-width:1200px){
  .wraper_header_nav .container,
  .wraper_header_main .container{ max-width:1347px !important; width:auto !important; }
  /* aligner le logo (top menu) sur le bord du menu bleu : compenser la marge
     interne du PNG du logo (~21px de blanc à gauche) */
  .wraper_header_main .header_main .brand-logo{ margin-left:-49px !important; padding-left:0 !important; }
}