/* =============================================================
   Overrides Coco Geek  (chargé en dernier, gagne sur le reste)
   1) Fond jaune plein #fecd00 sur tout le site
   2) Menu « Accueil / Les applis / Les animations » visible et
      identique sur toutes les pages, sans dépendre du JS de Wix
   ============================================================= */

/* ---------- 1. Fond jaune partout ---------- */
html,
body { background-color: #fecd00 !important; }

#SITE_CONTAINER,
#site-root,
#masterPage,
#PAGES_CONTAINER,
#SITE_PAGES { background-color: transparent; }

/* Bandeau du pied de page en jaune lui aussi */
.xU8fqS ._4XcTfy { background-color: #fecd00 !important; }


/* ---------- 2. Menu de navigation robuste ---------- */
/* Le wrapper d'en-tête sert d'ancrage au menu positionné en absolu,
   ce qui évite de dépendre des couches « épinglées » de Wix. */
.SITE_HEADER_WRAPPER { position: relative; z-index: 100; }

#comp-it2peav5-pinned-layer.big2ZD {
  position: absolute !important;
  top: 0;
  right: 0;
  left: auto;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  display: block !important;
  pointer-events: auto;
}

/* La barre de menu : une ligne, alignée à droite, toujours visible */
#comp-it2peav5 {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 18px 24px 0 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  visibility: visible !important;
}

#comp-it2peav5 .l9EQj1,
#comp-it2peav5 nav.l9EQj1 {
  position: static !important;
  height: auto !important;
}

#comp-it2peav5 .DN7syf {
  position: static !important;
  display: flex !important;
  justify-content: flex-end !important;
  flex-wrap: wrap;
  gap: 4px 10px;
  width: auto !important;
  height: auto !important;
  white-space: nowrap;
}

#comp-it2peav5 .DN7syf > li {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  overflow: visible !important;
}

#comp-it2peav5 .DN7syf > li .foFAdY { line-height: 1.4 !important; }

/* On masque l'entrée « More » et le sous-menu déroulant (vides, pilotés par le JS Wix) */
#comp-it2peav5__more__,
#comp-it2peav5 .JdScD2 { display: none !important; }

/* Confort mobile : menu centré */
@media (max-width: 600px) {
  #comp-it2peav5 {
    justify-content: center !important;
    margin-right: 0 !important;
  }
  #comp-it2peav5 .DN7syf { justify-content: center !important; }
}


/* ---------- 3. Police : affichage instantané (fix du délai de ~3 s) ----------
   Les polices Futura d'origine (fichiers Wix) ne sont pas présentes sur le NAS
   et étaient en font-display:block => texte masqué pendant ~3 s. On force donc
   une police géométrique disponible immédiatement (Jost, proche de Futura). */
* {
  font-family: 'Jost', 'Century Gothic', -apple-system, BlinkMacSystemFont,
               'Segoe UI', Helvetica, Arial, sans-serif !important;
}


/* ---------- 4. Bouton bleu réutilisable (même style que l'accueil) ---------- */
.cg-bluebtn{
  position:relative;
  --rd:0px; --bg:33,132,209;
  --trans1:border-color .4s ease 0s, background-color .4s ease 0s;
  --shd:0 1px 4px rgba(0,0,0,0.6);
  --brd:var(--color_19); --brw:0px;
  --fnt:normal normal bold 28px/1.4em sans-serif;
  --trans2:color .4s ease 0s;
  --txt:var(--color_8); --alpha-txt:1;
  --bgh:var(--color_15); --brdh:var(--color_17); --txth:var(--color_17); --alpha-txth:1;
  --alpha-bg:1; --alpha-bgh:1; --alpha-brd:1; --alpha-brdh:1;
  --label-align:center; --label-text-align:center;
}

/* ---------- 5. Accueil : mise en page centrée + 4e bouton ---------- */
/* On neutralise la grille en pixels de Wix pour un rendu centré et souple */
[data-mesh-id="Containermua1ninlineContent-gridContainer"]{
  display:block !important;
  min-height:0 !important;
  text-align:center;
  padding-bottom:40px;
}
[data-mesh-id="Containermua1ninlineContent-gridContainer"] > *{
  position:static !important;
  left:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  float:none !important;
}
#comp-ir243rba, #comp-ir243rb8, #comp-jxfifly5{
  width:auto !important; max-width:900px;
}
/* l'ancien "wedge" invisible ajoutait un grand vide : on le retire */
[data-mesh-id="Containermua1ninlineContent-wedge-4"]{ display:none !important; }

/* Rangée de boutons centrée et responsive */
.cg-actions{
  display:flex; flex-wrap:wrap;
  justify-content:center; align-items:center;
  gap:30px 34px;
  max-width:820px;
  margin:34px auto 44px !important;
}
.cg-actions .uqA97z{
  position:relative !important;
  left:auto !important;
  margin:0 !important;
}

/* ---------- 6. Page "Les sites internet" ---------- */
.cg-page{
  max-width:900px;
  margin:0 auto;
  padding:40px 24px 60px;
  text-align:center;
}
.cg-page-title{
  font-size:clamp(34px,6vw,72px);
  font-weight:700;
  letter-spacing:.16em;
  color:#000;
  margin:10px 0 14px;
}
.cg-page-intro{
  font-size:clamp(15px,2vw,19px);
  letter-spacing:.02em;
  color:#111;
  max-width:620px;
  margin:0 auto 30px;
}
.cg-sites{
  display:flex; flex-wrap:wrap;
  justify-content:center;
  gap:44px 56px;
  margin:34px 0 40px;
}
.cg-site-card{
  display:flex; flex-direction:column; align-items:center;
  width:280px;
}
.cg-site-logo{
  display:flex; align-items:center; justify-content:center;
  width:240px; height:180px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  transition:transform .18s ease, box-shadow .25s ease;
}
.cg-site-logo:hover{ transform:translateY(-3px); box-shadow:0 12px 24px rgba(0,0,0,.22); }
.cg-site-logo img{ max-width:190px; max-height:140px; object-fit:contain; }
.cg-site-name{
  margin-top:18px;
  font-size:22px; font-weight:600; letter-spacing:.04em; color:#000;
}
.cg-site-url{
  margin:4px 0 16px;
  font-size:14px; letter-spacing:.06em; color:#333;
}
.cg-site-card .cg-bluebtn{ --fnt:normal normal bold 18px/1.4em sans-serif; }
.cg-page-cta{ margin-top:24px; }
.cg-page-cta a{
  font-size:17px; letter-spacing:.03em; color:#000;
  border-bottom:1px solid rgba(0,0,0,.4);
  text-decoration:none;
}
.cg-page-cta a:hover{ color:#2184d1; border-color:#2184d1; }

@media (max-width:600px){
  .cg-actions .uqA97z{ width:86vw !important; max-width:340px; }
  #comp-sites{ width:86vw !important; max-width:340px; }
}

/* ---------- 7. Fix clics bloqués : les calques de fond décoratifs ----------
   En forçant "position:static" sur les enfants directs de la grille (règle
   ci-dessus, section 5), les calques de fond internes de #comp-ir243ra8
   (bgLayers, absolus) perdent leur repère de positionnement et s'étirent
   sur toute la hauteur de la page, par-dessus les boutons de l'accueil,
   en interceptant les clics. Ces calques ne doivent jamais être cliquables. */
.MW5IWV, .LWbAav, .Kv1aVt, .VgO9Yg,
[data-hook="bgLayers"], [data-testid="colorUnderlay"] {
  pointer-events: none !important;
}

/* ---------- 8. Bande blanche en bas de l'accueil ----------
   #comp-ir243ra8 n'affiche qu'une image de remplacement ("LQIP") floue et
   quasi blanche que Wix substituait normalement par la vraie image de fond
   via son JS de chargement différé. Cette image n'existe plus ici, la
   section est vide de tout contenu utile : on la masque entièrement. */
#comp-ir243ra8 { display: none !important; }