/* Fichier: 10-header-footer.css - Role: Styles: header et footer (base) */
/* =========================================================
   POLICES — Branding site
   ========================================================= */

	@font-face{
	  font-family: "Archivo";
	  src:
		url("/fonts/Archivo-Regular.woff2") format("woff2");
	  font-weight: 400;
	  font-style: normal;
	  font-display: swap;
	}

	@font-face{
	  font-family: "Archivo";
	  src:
		url("/fonts/Archivo-Medium.woff2") format("woff2");
	  font-weight: 500;
	  font-style: normal;
	  font-display: swap;
	}

	/* PG — suppression totale du bouton "haut de page" (OceanWP) */
	#scroll-top{ display:none !important; }

/* =========================================================

   PARTIE HEADER PC — TITRE / SOUS-TITRE ≥1100px
   
   ========================================================= */
  
@media (min-width:1101px){  

	/* Titre du site — forcer sur les wrappers OceanWP */
	#site-logo a,
	#site-logo a.site-logo-text,
	#site-logo .site-title a,
	#site-logo .site-title,
	#site-logo #site-logo-inner a,
	#site-logo #site-logo-inner a.site-logo-text,
	#site-header #site-logo a,
	#site-header #site-logo a.site-logo-text {
	  font-family: "Archivo", Arial, sans-serif !important;
	  font-size: 32px !important;          /* AJUSTER si besoin */
	  font-weight: 500 !important;
	  line-height: 1.2 !important;
	  letter-spacing: 0.01em !important;
	}

	/* Menu principal — conserver le gris (#555) au survol */
	#site-header .main-menu > li > a:hover,
	#site-header .main-menu > li > a:focus {
	  color: #555 !important;
	}

	/* Sous-titre du site (Top Header) */
	#site-description h2 {
	  font-family: "Archivo", Arial, sans-serif !important;
	  font-size: 14px !important;          /* AJUSTER */
	  font-weight: 500 !important;
	  line-height: 1.4 !important;
	  letter-spacing: 0.12em !important;
	  text-transform: uppercase;
	  color: #666 !important;
	  margin-top: -10px !important;        /* AJUSTER : resserrer titre/sous-titre */
	}

	/* Resserrer l’espace entre le menu et le titre */
	#site-header.top-header #site-logo {
	  margin-top: -28px !important;        /* AJUSTER */
	}

	/* resserrer l’espace sous le sous-titre */
	html body #content-wrap.container.clr {
	  padding-top: 0 !important;
	}

	/* MENU PRINCIPAL — liseret jaune par défaut */
	#site-navigation-wrap .main-menu > li > a {
	  border: 1px solid #ffc000;
	  border-radius: 4px;
	  padding: 0 10px;
	  margin: 0 2px;
	  line-height: 32px !important;        /* AJUSTER : 26 / 28 / 30 / 32 */
	  height: auto !important;
	  transition: border-color 0.2s ease;
	}

	/* Hover : liseret noir */
	#site-navigation-wrap .main-menu > li > a:hover {
	  border-color: #000;
	}

	/* Page active : liseret noir */
	#site-navigation-wrap .main-menu > li.current-menu-item > a,
	#site-navigation-wrap .main-menu > li.current-menu-ancestor > a {
	  border-color: #000;
	}

	/* Retirer le liseret du dernier item (sélecteur de langue) */
	#site-navigation-wrap .main-menu > li:last-child > a {
	  border: none;
	}

	/* Filet haut du header (évite que le menu touche le bord) */
	header#site-header.top-header > .header-top {
	  padding-top: 2px !important;         /* VALIDÉ */
	  padding-bottom: 0 !important;
	}

	/* Supprimer ligne / ombre sous la barre de menu (OceanWP) */
	#site-navigation-wrap,
	#site-navigation-wrap .oceanwp-navbar,
	#site-header.top-header .header-top,
	#site-header.top-header #site-header-inner {
	  border-bottom: 0 !important;
	  box-shadow: none !important;
	  background-image: none !important;
	}

	/* Suppression structurelle de la recherche (loupe + dropdown) */
	#search-toggle,
	#searchform-dropdown,
	.header-searchform-wrap,
	.oceanwp-search-toggle,
	.search-toggle-li,
	li.search-toggle-li{
	  display: none !important;
	}

	/* Neutralisation de tout espace résiduel à droite */
	#site-header .right.clr {
	  display: none !important;
	}

	/* Centrage réel du menu principal */
	#site-navigation-wrap {
	  display: flex !important;
	  justify-content: center !important;
	}

	/* Menu centré, sans décalage fantôme */
	#site-navigation {
	  margin: 0 auto !important;
	}
	/* Centrage robuste du menu OceanWP */
	#site-header-inner,
	#site-header-inner .clr.container {
	  display: flex !important;
	  justify-content: center !important;
	}
	#site-navigation-wrap {
	  width: 100% !important;
	  margin: 0 !important;
	  float: none !important;
	}


/* =========================================================
   HEADER PC — MENU FIXE PERMANENT (≥1101px)
   ========================================================= */

	#site-navigation-wrap{
	  position: fixed !important;
	  top: 0 !important;
	  left: 0 !important;
	  right: 0 !important;

	  z-index: 10010;
	  background: #fff !important;

	  /* centrer le contenu du wrap */
	  display: flex !important;
	  justify-content: center !important;

	  /* petite bande blanche fixe sous les boutons */
	  padding-bottom: 4px !important; /* ajuste 6–14 */
	}

	/* IMPORTANT : on centre le NAV + UL, pas seulement le wrap */
	#site-navigation{
	  width: auto !important;
	  flex: 0 1 auto !important;
	  float: none !important;
	  margin: 0 auto !important;
	}

	#site-navigation .main-menu{
	  display: flex !important;
	  justify-content: center !important;
	}

	/* Décalage horizontal du menu principal
	   Valeur négative = vers la gauche, Valeur positive = vers la droite */
	#site-navigation-wrap{
	  transform: none !important;
	}
	#site-navigation{
	  transform: translateX(+8px) !important;
	}

	/* réserve pour le contenu (mesurée en JS) */
	body{
	  padding-top: var(--pg-desktop-nav-h, 40px) !important;
	}

	/* Admin bar : éviter recouvrement */
	body.admin-bar #site-navigation-wrap{
	  top: 32px !important;
	}
	@media (max-width:782px){
	  body.admin-bar #site-navigation-wrap{
		top: 46px !important;
	  }
	}

}
	

/* =========================================================

   PARTIE HEADER MOBILE <1100px
   
   ========================================================= */
   
@media (max-width:1100px){


  /* ---------- Réglages (UN SEUL ENDROIT) ---------- */
  :root{
    --pg-mobile-header-pad-top: 12px;
    --pg-mobile-header-pad-bottom: 6px;   /* ajuste ici */
    --pg-mobile-header-pad-x: 12px;    /* espace gauche/droite du bandeau */
    --pg-mobile-gap: 12px;             /* espace hamburger ↔ bloc titres */
    --pg-mobile-btn: 38px;            /* taille bouton hamburger */
    --pg-mobile-title-size: 26px;     /* taille titre (ajuste) */
    --pg-mobile-sub-size: 12px;       /* taille sous-titre (ajuste) */
    --pg-mobile-title-lh: 1.1;       /* interligne titre */
    --pg-mobile-sub-lh: 0.9;          /* interligne sous-titre */
    --pg-mobile-sub-top: -10px;         /* espace entre titre et sous-titre */
    --pg-mobile-header-h: 76px;       /* “hauteur logique” pour le contenu + menu */
	--pg-mobile-hamburger-mt: 6px; /* centrage vertical du hamburger */
	--pg-mobile-menu-item-pad-y: 8px;  /* espace entre les items du menu */
  }

  /* ---------- Couper le menu desktop ---------- */
  #site-navigation-wrap{
    display:none !important;
    transform:none !important; /* neutralise translateX desktop */
  }

  /* ---------- Neutraliser les centrages desktop OceanWP qui gênent ---------- */
  #site-header-inner,
  #site-header-inner .clr.container{
    display:block !important;
    justify-content: initial !important;
  }

  #site-header-inner .left.clr{
    display: contents !important;
  }

  /* ---------- Pleine largeur : éviter un container qui rétrécit ---------- */
  header#site-header .container,
  header#site-header #site-header-inner.container,
  header#site-header #site-header-inner .container{
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* ---------- Bandeau (structure stable) ---------- */
  header#site-header{
	  position: fixed !important;
	  top: 0 !important;
	  left: 0 !important;
	  right: 0 !important;
	  width: 100% !important;
	  z-index: 10002 !important;
	  margin-bottom: 0 !important; /* important en fixed */
    background: #fff !important;

    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: var(--pg-mobile-gap) !important;

	padding:
	  var(--pg-mobile-header-pad-top)
	  var(--pg-mobile-header-pad-x)
	  var(--pg-mobile-header-pad-bottom)
	  var(--pg-mobile-header-pad-x) !important;
	  }
  
  /* Respiration sous le header (mobile uniquement) */
#content-wrap.container.clr > *:first-child{
  margin-top: 20px !important;   /* ajuste 6–12px */
}

  /* Colonne gauche = hamburger (auto) */
  #site-header-inner{
    flex: 0 0 auto !important;
  }

  /* Colonne droite = titres (reste) */
  .header-bottom{
    flex: 1 1 auto !important;
    min-width: 0 !important; /* essentiel pour éviter que ça force en largeur */
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    height: auto !important;
  }

  /* ---------- Bouton hamburger/croix (sans textes OceanWP) ---------- */
  .oceanwp-mobile-menu-icon .oceanwp-text,
  .oceanwp-mobile-menu-icon .oceanwp-close-text{
    display:none !important;
  }

  /* IMPORTANT : pas d’absolute. Le bouton vit dans le flux. */
  #site-header-inner .oceanwp-mobile-menu-icon{
    position: static !important;
    transform: none !important;
    z-index: auto !important;
  }

  .oceanwp-mobile-menu-icon a.mobile-menu{
    width: var(--pg-mobile-btn) !important;
    height: var(--pg-mobile-btn) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
	margin-top: var(--pg-mobile-hamburger-mt) !important;

    border: 1px solid #ffc000 !important;
    border-radius: 4px !important;
    background: transparent !important;

    padding: 0 !important;
    line-height: 1 !important;
    position: relative !important;
	outline: none !important;
	box-shadow: none !important;
	background-clip: padding-box !important;
	-webkit-tap-highlight-color: transparent !important;
  }
  
  /* BOUTON MENU — bordure jaune (fermé) / noire (ouvert) */

	/* Neutraliser tout contour ajouté par OceanWP au clic/focus */
	.oceanwp-mobile-menu-icon a.mobile-menu:focus,
	.oceanwp-mobile-menu-icon a.mobile-menu:focus-visible,
	.oceanwp-mobile-menu-icon a.mobile-menu:active{
	  outline: none !important;
	  box-shadow: none !important;
	}
	/* Bordure bouton : fermé = jaune, ouvert = noir (état réel du bouton) */
	.oceanwp-mobile-menu-icon a.mobile-menu{
	  border-color: #ffc000 !important;
	}
	html.pg-menu-open .oceanwp-mobile-menu-icon a.mobile-menu{
	  border-color: #000 !important;
	}

  /* Masquer les icônes natives du thème */
  .oceanwp-mobile-menu-icon a.mobile-menu i,
  .oceanwp-mobile-menu-icon a.mobile-menu span{
    display:none !important;
  }

  /* Icône par défaut : hamburger */
  .oceanwp-mobile-menu-icon a.mobile-menu:before{
    content:"≡";
    font-family: Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 26px !important;
    line-height: 1 !important;
  }

  /* ---------- Titres : centrage + réglages taille/espaces (1 seul endroit) ---------- */
  #site-header.top-header #site-logo{
    margin-top: 0 !important;
  }

  .header-bottom #site-logo{
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
  }

  /* SUPPRIMER le padding-top imposé par OceanWP sur le bloc logo/titres */
	header#site-header #site-logo{
	  padding-top: 0 !important;
	  padding-bottom: 0 !important;
	}

  #site-logo #site-logo-inner{
    margin: 0 !important;
	padding: 0 !important;
    line-height: 1 !important;
  }

  /* Titre */
	#site-logo a,
	#site-logo a.site-logo-text,
	#site-logo .site-title a,
	#site-logo .site-title,
	#site-logo #site-logo-inner a,
	#site-logo #site-logo-inner a.site-logo-text,
	#site-header #site-logo a,
	#site-header #site-logo a.site-logo-text{
	  font-size: var(--pg-mobile-title-size) !important;
	  line-height: var(--pg-mobile-title-lh) !important;
	  display: block !important;
	  white-space: nowrap !important;
	  overflow: hidden !important;
	  text-overflow: ellipsis !important;
	}

  /* Sous-titre */
  #site-logo #site-description{
    margin: var(--pg-mobile-sub-top) 0 0 0 !important;
  }

  #site-description h2{
    font-size: var(--pg-mobile-sub-size) !important;
    line-height: var(--pg-mobile-sub-lh) !important;
    margin: 0 !important;

    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* ---------- Contenu page : ne pas passer sous le bandeau ---------- */
	/* Header sticky = reste dans le flux : PAS de réserve sur le contenu */
	html body #content-wrap.container.clr{
	  padding-top: var(--pg-mobile-header-h) !important;
	}

  /* ---------- Menu mobile (overlay) : sous le header, hauteur auto ---------- */
  #mobile-dropdown{
    position: fixed !important;
    top: var(--pg-mobile-header-h) !important;   /* commence sous le header */
    left: 0 !important;
    right: 0 !important;

    height: auto !important;                    /* s'arrête après le dernier item */
    max-height: calc(100vh - var(--pg-mobile-header-h)) !important;
    overflow: auto !important;
	overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch;

    z-index: 10001 !important;                  /* sous le header (10002) */
    padding-top: 0 !important;                  /* plus de “zone morte” au-dessus */
  }
  
    /* Supprimer recherche dans le menu mobile */
	  #mobile-dropdown form[role="search"],
	  #mobile-dropdown .searchform,
	  #mobile-dropdown .mobile-menu-search,
	  #mobile-dropdown .oceanwp-mobile-menu-search,
	  #mobile-dropdown input[type="search"],
	  #mobile-dropdown button[type="submit"]{
		display:none !important;
	  }
  /* Supprimer l’icône loupe éventuelle près du hamburger */
	#site-header-inner .search-toggle-li,
	#site-header-inner .oceanwp-search-toggle,
	#site-header-inner #search-toggle{
	  display: none !important;
	}
  
  /* Padding latéral du UL : les filets ne touchent plus les bords */
	#mobile-dropdown ul{
	  padding-left: var(--pg-mobile-header-pad-x) !important;
	  padding-right: var(--pg-mobile-header-pad-x) !important;
	}
	
    /* Items menu : noir, hover jaune, filets jaunes pleine largeur */
  #mobile-dropdown ul li a{
  color: #000 !important;
  padding: var(--pg-mobile-menu-item-pad-y) 0 !important;
  border-top: 1px solid #ffc000 !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

  /* dernier filet en bas (optionnel mais cohérent avec ta demande) */
  #mobile-dropdown ul li:last-child a{
    border-bottom: 1px solid #ffc000 !important;
  }
  
  /* mettre en jaune la page courante et/ou son parent dans le menu */
  #mobile-dropdown ul li a:hover,
  #mobile-dropdown ul li a:focus{
    color: #ffc000 !important;
  }
  
  /* Supprimer tout padding/marge vertical sur les items du menu (OceanWP) */
	#mobile-dropdown ul{
	  margin: 0 !important;
	  /* NE PAS toucher au padding ici (sinon on perd les marges) */
	}
	#mobile-dropdown ul li{
	  margin: 0 !important;
	  padding: 0 !important;
	}

	#mobile-dropdown ul li:last-child a{
	  padding-bottom: var(--pg-mobile-menu-item-pad-y) !important; /* garde le confort */
	  margin-bottom: 0 !important;
	}
  
  /* Bloquer le scroll de la page quand menu ouvert */
	body.mobile-menu-open,
	body.mobile-menu-opened,
	body.oceanwp-mobile-menu-active{
	  overflow: hidden !important;
	}

	#mobile-dropdown ul li.current-menu-item > a,
	#mobile-dropdown ul li.current-menu-ancestor > a{
	  color: #ffc000 !important;
	}

	/* Zéro “blanc” interne en bas du menu * - Supprimer aussi le conteneur vide OceanWP */
	#mobile-menu-search{
	  display: none !important;
	  height: 0 !important;
	  margin: 0 !important;
	  padding: 0 !important;
	}

	/* === Polylang mobile : drapeau à gauche, + juste après === */

	#mobile-dropdown .pll-parent-menu-item > a{
	  display: flex !important;
	  align-items: center !important;
	  justify-content: flex-start !important;
	  gap: 6px !important;
	}

	/* drapeau */
	#mobile-dropdown .pll-parent-menu-item > a img{
	  order: 0 !important;
	  margin: 0 !important;
	}

	/* conteneur du + */
	#mobile-dropdown .pll-parent-menu-item > a .dropdown-toggle{
	  order: 1 !important;
	  position: static !important;
	  float: none !important;
	  margin: 0 !important;
	}

	/* pseudo-élément du + */
	#mobile-dropdown .pll-parent-menu-item > a .dropdown-toggle::before{
	  position: static !important;
	  margin: 0 !important;
	}
 
}

/* =========================================================
   
   PARTIE FOOTER PC
   
   ========================================================= */
   
/* =========================================================
   FOOTER — STRUCTURE + ESPACEMENTS (OceanWP)
   ========================================================= */

/* Remonter la barre légale (et supprimer l’espace résiduel) */
#footer-widgets {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  font-size: 12px !important;          /* AJUSTER global footer (LEVIER CONSERVÉ) */
}

#footer-widgets .widget:last-child {
  margin-bottom: 0 !important;
}

/* Footer légal — centrage vertical */
#footer-bottom {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#footer-bottom-inner {
  min-height: 34px !important;           /* ajuste si besoin */
  display: flex !important;
  align-items: center !important;         /* centrage vertical */
  justify-content: center !important;     /* centrage horizontal */
}

#footer-bottom-inner #copyright {
  line-height: 1.2 !important;
  padding: 6px 0 !important;              /* ajuste si besoin */
}

/* Respiration latérale : ROBUSTE (sur le container du footer) */
#footer-widgets .container {
  padding-left: 50px !important;       /* AJUSTER */
  padding-right: 0px !important;       /* AJUSTER */
}

/* 4 colonnes en flex + largeurs (ton réglage validé) */
#footer-widgets .footer-widgets-inner {
  display: flex !important;
  gap: 0 !important;
}

/* Colonnes : neutraliser padding interne */
#footer-widgets .footer-box {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Largeurs : 16 / 18 / 40 / 26 */
#footer-widgets .footer-box:nth-child(1) { width: 19% !important; }
#footer-widgets .footer-box:nth-child(2) { width: 28% !important; }
#footer-widgets .footer-box:nth-child(3) { width: 32% !important; }
#footer-widgets .footer-box:nth-child(4) { width: 14% !important; }

/* Titres de colonnes : même gris que les puces */
#footer-widgets .widget-title,
#footer-widgets .widget-title *,
#footer-widgets .widgettitle,
#footer-widgets .widgettitle *,
#footer-widgets .widget_block > p:first-of-type,
#footer-widgets .widget_text .textwidget > p:first-of-type {
  color: #9E9E9E !important;           /* AJUSTER : #B8B8B8 ou #9E9E9E plus discret */
  font-size: 12px !important;          /* AJUSTER */
  font-weight: 400 !important;
}

#footer-widgets .footer-widget.widget_block {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#footer-widgets .footer-widget.widget_block > p:first-of-type {
  margin: 0 0 6px 0 !important;
}

#footer-widgets .widget_text .textwidget > p:first-of-type {
  margin: 0 0 6px 0 !important;
}


/* =========================================================
   FOOTER — MENUS (colonnes 1 & 2) : listes à puces + compact
   ========================================================= */

#footer-widgets ul.menu {
  margin: 0 !important;
  padding: 0 !important;
}

/* Neutraliser styles "menu widget" du thème */
#footer-widgets ul.menu li,
#footer-widgets ul.menu li a {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Items */
#footer-widgets ul.menu > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Liens : jaune + hover blanc + compact */
#footer-widgets ul.menu > li > a {
  display: inline-flex !important;
  align-items: center !important;

  position: relative;
  padding: 0 0 0 16px !important;      /* place pour la puce */
  margin: 0 0 0px 0 !important;        /* AJUSTER : espacement entre items */
  line-height: 1.1!important;          /* AJUSTER : compacité */
  text-decoration: none !important;

  font-size: 14px !important;          /* AJUSTER */
  color: #FFC000 !important;
}

/* Hover : blanc */
#footer-widgets ul.menu > li > a:hover,
#footer-widgets ul.menu > li > a:focus {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

/* Puces : même gris que les titres */
#footer-widgets ul.menu > li > a:before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #B8B8B8 !important;           /* AJUSTER : identique aux titres */
}

/* =========================================================
   FOOTER — MENUS (colonne 3) 
   ========================================================= */
   
   /* E16 : par défaut (PC), on cache le libellé mobile */
	#pg-selection-label-mobile{ display:none; }
   
/* =========================================================
   FOOTER — PARTAGE (colonne 4)
   - style sorti du widget HTML
   - structure commune PC / MID / mobile
   ========================================================= */

#footer-widgets .sp-share{
  margin: 0 !important;
  padding: 0 !important;
}

#footer-widgets .sp-share-row{
  display:flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
}

#footer-widgets .sp-ico{
  display:inline-flex;
  width:18px;
  height:18px;
  color:#FFC000 !important;
  text-decoration:none !important;
}

#footer-widgets .sp-ico svg{
  width:18px;
  height:18px;
  fill: currentColor;
  display:block;
}

#footer-widgets .sp-ico:hover,
#footer-widgets .sp-ico:focus{
  color:#FFFFFF !important;
}

#footer-widgets .sp-ico-disabled{
  opacity:0.45;
  cursor: default;
}

#footer-widgets .sp-ico-disabled:hover,
#footer-widgets .sp-ico-disabled:focus{
  color:#FFC000 !important;
}

/* E16 — Footer sélection : remonter le bloc au niveau des autres titres */
#footer-widgets .e16-footer-selection-title.widget,
#footer-widgets .e16-footer-selection-menu.widget {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Neutraliser la marge interne éventuelle du widget texte */
#footer-widgets .e16-footer-selection-title.widget .textwidget {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Neutraliser toute marge haute du paragraphe de titre (quelle que soit la règle globale) */
#footer-widgets .e16-footer-selection-title.widget p {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* Footer widgets – ajustement fin de la respiration verticale (OceanWP) */
#footer-widgets {
  padding-top: 15px !important;    /* au lieu de 30px */
  padding-bottom: 0px !important; /* au lieu de 30px */
}

/* Copyright gris uniforme (PC aussi) */
#footer-bottom-inner #copyright{
  color: #9E9E9E;
}
#footer-bottom-inner #copyright a{
  color: #9E9E9E;
}
#footer-bottom-inner #copyright a:hover{
  color: #FFC000;
}

/* =========================================================
   FOOTER — ÉTAT MID  970–1100  (structure PC, habillage mobile)
   ========================================================= */
@media (max-width:1100px) and (min-width:970px){

  /* Container : symétrique */
  #footer-widgets .container{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* 4 colonnes visibles, répartition initiale 25% chacune */
  #footer-widgets .footer-widgets-inner{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }

  #footer-widgets .footer-box:nth-child(1),
  #footer-widgets .footer-box:nth-child(2),
  #footer-widgets .footer-box:nth-child(3),
  #footer-widgets .footer-box:nth-child(4){
    display: block !important;
    order: initial !important;
    width: 25% !important;
  }

  /* Pas de titres (comme mobile) */
#footer-widgets .widget-title,
#footer-widgets .widgettitle,
#footer-widgets .widget_block > p:first-of-type,
#footer-widgets .widget_text .textwidget > p:first-of-type{
  display: none !important;
}

  /* E16 : on enlève le titre “Une sélection…” et on utilise le libellé mobile */
  #footer-widgets .e16-footer-selection-title{
    display: none !important;
  }
  #pg-selection-label-pc{ display:none !important; }
  #pg-selection-label-mobile{ display:inline !important; }

  /* Titre "Partage" injecté : style mobile (puce grise + jaune) */
  #footer-widgets .pg-footer-label{
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    padding: 0 0 0 16px !important;
    margin: 0 0 0px 0 !important;
    line-height: 1.1 !important;
    font-size: 14px !important;
    color: #FFC000 !important;
    font-weight: 400 !important;
  }
  #footer-widgets .pg-footer-label:before{
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #9E9E9E !important;
  }

  /* Icônes : autoriser la grille (comme mobile) */
  #footer-widgets .sp-share-row{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
  }

  /* Espacement : intermédiaire */
  #footer-widgets{
    padding-top: 12px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Ligne légale : gris en MID */
  #footer-bottom-inner #copyright{
    color: #9E9E9E !important;
  }
  #footer-bottom-inner #copyright a{
    color: #9E9E9E !important;
  }
  #footer-bottom-inner #copyright a:hover{
    color: #FFC000 !important;
  }

  /* Fond noir (sécurité visuelle) */
  #footer,
  #footer-inner,
  #footer-widgets,
  #footer-bottom{
    background: #000 !important;
  }
  
    /* Ajustement visuel colonne 1 (MID uniquement) */
  #footer-widgets .footer-box:nth-child(1){
    padding-left: 12px !important;
  }
}


/* =========================================================
   FOOTER — ÉTAT MOBILE  <970  (verrouillé)
   ========================================================= */
@media (max-width:969px){

  /* 0) Annuler le layout PC */
  #footer-widgets .footer-widgets-inner{
    flex-wrap: wrap !important;
  }

  /* 1) Masquer complètement "Accès directs" (colonne 2) */
  #footer-widgets .footer-box:nth-child(2){
    display: none !important;
  }

  /* 2) Ordre + largeurs :
        - Sélection (col 3) en premier pleine largeur
        - Contact (col 1) 38%
        - Partage (col 4) 62%
  */
  #footer-widgets .footer-box:nth-child(3){
    order: 0 !important;
    width: 100% !important;
  }
  #footer-widgets .footer-box:nth-child(1){
    order: 1 !important;
    width: 38% !important;
  }
  #footer-widgets .footer-box:nth-child(4){
    order: 2 !important;
    width: 62% !important;
  }
  /* Alignement des colonnes dans le paquet centré */
#footer-widgets .footer-widgets-inner{
  justify-content: center !important;
}

  /* 3) Supprimer les titres de widgets en mobile (sauf notre titre injecté) */
#footer-widgets .widget-title,
#footer-widgets .widgettitle{
  display: none !important;
}
/* 3bis) Masquer aussi les “titres” issus des widgets Gutenberg (p premier) */
#footer-widgets .widget_block > p:first-of-type,
#footer-widgets .widget_text .textwidget > p:first-of-type{
  display: none !important;
}

  /* 4) E16 : cacher le titre "Une sélection a été effectuée" en mobile */
  #footer-widgets .e16-footer-selection-title{
    display: none !important;
  }
  /* E16 : en mobile, on bascule PC -> mobile */
  #pg-selection-label-pc{ display:none !important; }
  #pg-selection-label-mobile{ display:inline !important; }

  /* 5) Titre "Partage" injecté */
  #footer-widgets .pg-footer-label{
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    padding: 0 0 0 16px !important;
    margin: 0 0 0px 0 !important;
    line-height: 1.1 !important;
    font-size: 14px !important;
    color: #FFC000 !important;
    font-weight: 400 !important;
  }
  #footer-widgets .pg-footer-label:before{
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #9E9E9E !important;
  }

  /* 6) Icônes : grille */
  #footer-widgets .sp-share-row{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
  }

  /* 7) Espacement mobile — propre */
  #footer-widgets{
    padding-top: 8px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  #footer-widgets .container{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #footer-widgets .footer-widgets-inner{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    row-gap: 6px !important;
  }
  
/* Container mobile : centrer le “paquet” et limiter sa largeur */
#footer-widgets .container{
  max-width: 420px !important;
  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 24px !important;
  padding-right: 16px !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

  #footer-widgets .footer-box{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #footer-widgets .footer-widget,
  #footer-widgets .widget,
  #footer-widgets .widget_text,
  #footer-widgets .widget_block{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #footer-widgets .sp-share{
    margin: 0 !important;
    padding: 0 !important;
  }

  #footer-bottom{
    margin-top: 10px !important;
  }
  #footer-bottom-inner{
    min-height: 0 !important;
  }
  #footer-bottom-inner #copyright{
    padding: 2px 10px !important;
    line-height: 1.1 !important;
    color: #9E9E9E !important;
  }
  #footer-bottom-inner #copyright a{
    color: #9E9E9E !important;
  }
  #footer-bottom-inner #copyright a:hover{
    color: #FFC000 !important;
  }

  #footer,
  #footer-inner,
  #footer-widgets,
  #footer-bottom{
    background: #000 !important;
  }

#footer-widgets .footer-box:nth-child(3){
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}
#footer-widgets .footer-box:nth-child(3) .footer-widget,
#footer-widgets .footer-box:nth-child(3) .widget,
#footer-widgets .footer-box:nth-child(3) .widget_text,
#footer-widgets .footer-box:nth-child(3) .widget_block{
  text-align: center !important;
}

  }
  
/* =========================================================
   FOOTER — ÉTAT INTERMÉDIAIRE VISUEL 541–969
   (fonctionnement mobile conservé, largeur fluide centrée)
   ========================================================= */
@media (min-width:541px) and (max-width:969px){

  /* paquet global : un peu plus resserré dans la page */
  #footer-widgets .container{
    width: calc(100% - 20px) !important;
    max-width: 969px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* structure globale */
  #footer-widgets .footer-widgets-inner{
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: flex-start !important;
    row-gap: 8px !important;
  }

  /* bloc "Voir votre sélection" : pleine largeur, centré */
  #footer-widgets .footer-box:nth-child(3){
    order: 0 !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }

  #footer-widgets .footer-box:nth-child(3) .footer-widget,
  #footer-widgets .footer-box:nth-child(3) .widget,
  #footer-widgets .footer-box:nth-child(3) .widget_text,
  #footer-widgets .footer-box:nth-child(3) .widget_block{
    text-align: center !important;
  }

  /* colonne 1 : centrée dans sa colonne */
  #footer-widgets .footer-box:nth-child(1){
    order: 1 !important;
    width: 38% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    justify-content: center !important;
  }

  #footer-widgets .footer-box:nth-child(1) .widget,
  #footer-widgets .footer-box:nth-child(1) .footer-widget{
    text-align: left !important;
  }

  /* colonne 4 : centrée dans sa colonne */
  #footer-widgets .footer-box:nth-child(4){
    order: 2 !important;
    width: 62% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    justify-content: center !important;
  }

  #footer-widgets .footer-box:nth-child(4) .widget,
  #footer-widgets .footer-box:nth-child(4) .footer-widget,
  #footer-widgets .footer-box:nth-child(4) .sp-share{
    text-align: left !important;
  }

  #footer-widgets .footer-box:nth-child(4) .sp-share-row{
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 10px !important;
    align-items: center !important;
  }
}
  
  
  /* =========================================================
   PAGE SPÉCIFIQUE — Références vidéo (ID 7375)
   Exception : page non traduite, sans header/footer
   ========================================================= */

/* Masquer header + footer */
body.page-id-7375 #site-header,
body.page-id-7375 #footer,
body.page-id-7375 #footer-widgets,
body.page-id-7375 #footer-bottom{
  display: none !important;
}

/* Supprimer les décalages liés au header fixe */
body.page-id-7375{
  padding-top: 0 !important;
}

/* Supprimer la réserve de contenu */
body.page-id-7375 #content-wrap.container.clr{
  padding-top: 0 !important;
}