/* ==========================================================================
   AUTHENTIQUE BRUNCH — HEADER & FOOTER (tout le site)
   --------------------------------------------------------------------------
   Habille le header et le footer d'Astra (constructeur HFB) aux couleurs de
   la maquette V4. Aucun HTML figé : le menu reste éditable dans
   Apparence > Menus.

   Fichier : /www/wp-content/uploads/authentique-aubane/authentique-header-footer.css
   Chargé par le snippet WPCode « Header & Footer Authentique — CSS ».

   Les !important sont volontaires : Astra imprime ses propres couleurs en
   ligne dans le <head> à partir des réglages du personnalisateur.
   ========================================================================== */

:root{
  --ab-cream:#EEEADA;--ab-paper:#F5F2E6;
  --ab-green:#3C6668;--ab-green-700:#2E5052;--ab-green-900:#23403F;
  --ab-navy:#183776;--ab-pink:#E387B5;--ab-pink-soft:#F4C4DB;--ab-yellow:#F8D154;
  --ab-line-g:rgba(60,102,104,.22);
  --ab-sans:"Mulish",Helvetica,Arial,sans-serif;
  --ab-serif:"Cormorant Garamond",Georgia,serif;
}

/* ==========================================================================
   1. HEADER — conteneur collant, fond crème translucide
   ========================================================================== */
#masthead.site-header{
  position:sticky;top:0;z-index:99;
  background:rgba(238,234,218,.95)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--ab-line-g)!important;
  box-shadow:none!important;
  font-family:var(--ab-sans);
}
/* Décalage sous la barre d'administration (visible seulement connectée) */
.admin-bar #masthead.site-header{top:32px}
@media(max-width:782px){.admin-bar #masthead.site-header{top:46px}}
@media(max-width:600px){.admin-bar #masthead.site-header{top:0}}
/* Ordinateur : le bandeau vert (36 px) défile et disparaît, la barre logo + menu reste collée.
   Ne s'applique QUE si le bandeau est bien présent dans le header (:has),
   sinon c'est la barre logo + menu qui serait coupée. */
@media(min-width:922px){
  #masthead.site-header:has(.ab-topbar){top:-36px}
  .admin-bar #masthead.site-header:has(.ab-topbar){top:-4px}
  /* Le bandeau garde une hauteur fixe de 36 px pour que le calcul reste juste */
  #masthead .ast-above-header-bar .site-above-header-wrap{height:36px!important;min-height:36px!important;overflow:hidden}
  .ab-topbar{flex-wrap:nowrap;white-space:nowrap}
}

/* Les rangées d'Astra deviennent transparentes : c'est le conteneur qui porte le fond */
#masthead .ast-primary-header-bar,
#masthead .main-header-bar,
#masthead .ast-below-header-bar{
  background:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important;
}
#masthead .ast-primary-header-bar .site-primary-header-wrap{min-height:78px!important}
/* Conteneurs internes d'Astra : transparents eux aussi (sinon rectangle crème autour du logo) */
#masthead .ast-builder-grid-row-container,
#masthead .ast-builder-grid-row-container-inner,
#masthead .ast-builder-grid-row,
#masthead .site-header-section,
#masthead .ast-main-header-bar-alignment,
#masthead .main-header-bar-navigation{
  background:transparent!important;background-image:none!important;box-shadow:none!important;
}

/* Disposition ordinateur : logo à gauche, menu + bouton à droite, jamais sur deux lignes */
@media(min-width:922px){
  #ast-desktop-header .ast-primary-header-bar .ast-builder-grid-row{
    display:flex!important;align-items:center;justify-content:space-between;gap:24px;
  }
  #ast-desktop-header .site-header-primary-section-left{flex:0 0 auto}
  #ast-desktop-header .site-header-primary-section-center{flex:0 0 auto}
  #ast-desktop-header .site-header-primary-section-right{
    flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;
  }
  #ast-desktop-header .main-header-menu{flex-wrap:nowrap!important}
  #ast-desktop-header .main-header-menu > .menu-item > .menu-link{white-space:nowrap}
  #masthead .ast-custom-button{white-space:nowrap}
}
/* Écrans moyens (petits portables) : menu resserré */
@media(min-width:922px) and (max-width:1200px){
  #ast-desktop-header .main-header-menu > .menu-item > .menu-link{margin:0 8px;font-size:.86rem!important}
  #masthead .ast-builder-button-wrap .ast-custom-button{padding:11px 16px!important;font-size:.88rem!important}
  #masthead .ast-header-button-1{margin-left:8px}
}

/* ---------- Bandeau vert du haut (élément HTML 1 dans la rangée du haut) ---------- */
#masthead .ast-above-header-bar{
  background:var(--ab-green)!important;background-image:none!important;
  border:0!important;
}
#masthead .ast-above-header-bar .site-above-header-wrap{min-height:36px!important}
#masthead .ast-header-html-1 p{margin:0}
.ab-topbar{
  display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;
  text-align:center;font-family:var(--ab-sans);font-size:.83rem;line-height:1.4;
  color:var(--ab-cream)!important;
}
.ab-topbar strong,.ab-topbar a{color:#fff!important;font-weight:700;text-decoration:none!important}
.ab-topbar a:hover{color:var(--ab-pink-soft)!important}

/* ---------- Logo ---------- */
#masthead .site-logo-img img,
#masthead .custom-logo-link img{
  height:46px!important;width:auto!important;max-width:none!important;max-height:none!important;
}
/* Slogan « fleurs & saveurs » : absent de la maquette */
#masthead .site-description{display:none!important}

/* ==========================================================================
   2. MENU — ordinateur
   ========================================================================== */
#ast-desktop-header .main-header-menu{background:transparent!important}
#ast-desktop-header .main-header-menu > .menu-item{border:0!important;background:transparent!important}
#ast-desktop-header .main-header-menu > .menu-item > .menu-link{
  font-family:var(--ab-sans)!important;font-weight:600!important;font-size:.93rem!important;
  letter-spacing:0!important;text-transform:none!important;line-height:1.4!important;
  color:var(--ab-navy)!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;
  padding:6px 0!important;margin:0 13px;position:relative;
  display:inline-flex;align-items:center;gap:6px;
}
#ast-desktop-header .main-header-menu > .menu-item > .menu-link .ast-icon svg,
#ast-desktop-header .main-header-menu > .menu-item > .menu-link .dropdown-menu-toggle svg{
  fill:currentColor!important;width:10px;height:10px;opacity:.75;transition:transform .2s ease;
}
#ast-desktop-header .main-header-menu > .menu-item:hover > .menu-link .ast-icon svg{transform:rotate(180deg)}
/* Soulignement rose au survol, comme la maquette */
#ast-desktop-header .main-header-menu > .menu-item > .menu-link::after{
  content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;
  background:var(--ab-pink);transition:right .25s ease;
}
#ast-desktop-header .main-header-menu > .menu-item:hover > .menu-link::after,
#ast-desktop-header .main-header-menu > .menu-item:focus-within > .menu-link::after,
#ast-desktop-header .main-header-menu > .current-menu-item > .menu-link::after,
#ast-desktop-header .main-header-menu > .current-menu-ancestor > .menu-link::after{right:0}

/* ---------- Sous-menus déroulants ---------- */
#ast-desktop-header .main-header-menu .sub-menu{
  background:var(--ab-paper)!important;
  border:1px solid var(--ab-line-g)!important;border-radius:14px!important;
  padding:10px!important;margin-top:14px;min-width:252px;
  box-shadow:0 28px 54px -26px rgba(24,55,118,.55)!important;
}
/* Pont invisible : la souris ne « tombe » pas dans l'espace entre le lien et le sous-menu */
#ast-desktop-header .main-header-menu .sub-menu::before{
  content:"";position:absolute;left:0;right:0;top:-16px;height:16px;
}
#ast-desktop-header .main-header-menu .sub-menu .menu-item{border:0!important;background:transparent!important}
#ast-desktop-header .main-header-menu .sub-menu .menu-link{
  font-family:var(--ab-sans)!important;font-size:.9rem!important;font-weight:600!important;
  text-transform:none!important;letter-spacing:0!important;
  color:var(--ab-navy)!important;background:transparent!important;
  border:0!important;border-radius:9px!important;padding:10px 14px!important;white-space:nowrap;
  transition:background .16s ease,color .16s ease;
}
#ast-desktop-header .main-header-menu .sub-menu .menu-link:hover,
#ast-desktop-header .main-header-menu .sub-menu .current-menu-item > .menu-link{
  background:rgba(60,102,104,.09)!important;color:var(--ab-green)!important;
}
/* Lien « Toutes les réceptions … → » : ajouter la classe CSS ab-all à l'élément de menu */
#ast-desktop-header .main-header-menu .sub-menu .ab-all{
  margin-top:6px!important;padding-top:6px!important;border-top:1px solid rgba(24,55,118,.18)!important;
}
#ast-desktop-header .main-header-menu .sub-menu .ab-all > .menu-link{
  color:var(--ab-green)!important;font-size:.83rem!important;font-weight:700!important;border-radius:0!important;
}
#ast-desktop-header .main-header-menu .sub-menu .ab-all > .menu-link::after{content:" →"}
#ast-desktop-header .main-header-menu .sub-menu .ab-all > .menu-link:hover{background:transparent!important;color:var(--ab-pink)!important}

/* ==========================================================================
   3. BOUTON « Demande de devis » (Bouton 1 d'Astra)
   ========================================================================== */
#masthead .ast-header-button-1{margin-left:14px}
#masthead .ast-builder-button-wrap .ast-custom-button,
#masthead .ast-custom-button{
  background:var(--ab-green)!important;color:var(--ab-cream)!important;
  border:0!important;border-radius:8px!important;box-shadow:none;
  font-family:var(--ab-sans)!important;font-weight:700!important;font-size:.95rem!important;
  letter-spacing:.01em!important;text-transform:none!important;line-height:1.2!important;
  padding:13px 24px!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
#masthead .ast-builder-button-wrap:hover .ast-custom-button,
#masthead .ast-custom-button:hover,
#masthead .ast-custom-button:focus{
  background:var(--ab-green-700)!important;color:var(--ab-cream)!important;
  transform:translateY(-2px);box-shadow:0 14px 26px -12px rgba(46,80,82,.7)!important;
}

/* ==========================================================================
   4. HEADER — mobile et tablette (Astra bascule sous 922 px)
   ========================================================================== */
@media(max-width:921px){
  #ast-mobile-header .site-logo-img img,
  #ast-mobile-header .custom-logo-link img{height:38px!important}
  /* Hauteur fixe de la barre mobile (Astra impose 80 px par défaut) */
  #ast-mobile-header .ast-primary-header-bar,
  #ast-mobile-header .site-primary-header-wrap,
  #masthead .ast-primary-header-bar .site-primary-header-wrap{
    min-height:64px!important;padding-top:0!important;padding-bottom:0!important;
  }
}

/* Bouton « Menu » : vert, texte crème, protégé contre le survol blanc d'Astra */
#masthead .menu-toggle,
#masthead .menu-toggle:hover,
#masthead .menu-toggle:focus,
#masthead .menu-toggle:active,
#masthead .ast-mobile-menu-trigger-minimal,
#masthead .ast-mobile-menu-trigger-fill{
  background:var(--ab-green)!important;color:var(--ab-cream)!important;
  border:0!important;border-radius:8px!important;
  padding:10px 14px!important;box-shadow:none!important;
  font-family:var(--ab-sans)!important;font-weight:700!important;
}
#masthead .menu-toggle .ast-mobile-svg,
#masthead .menu-toggle svg{fill:var(--ab-cream)!important;color:var(--ab-cream)!important}
#masthead .menu-toggle .mobile-menu{color:var(--ab-cream)!important;font-weight:700;letter-spacing:.02em}

/* Menu déplié (type « Liste déroulante » ou « Hors canevas ») */
#masthead .ast-mobile-header-content,
#ast-mobile-popup .ast-mobile-popup-inner,
#ast-mobile-popup .ast-mobile-popup-content{
  background:var(--ab-cream)!important;background-image:none!important;
  border-top:1px solid var(--ab-line-g);
}
#masthead .ast-mobile-header-content .main-header-menu,
#ast-mobile-popup .main-header-menu{background:transparent!important}
#masthead .ast-mobile-header-content .menu-item,
#ast-mobile-popup .menu-item{
  border:0!important;background:transparent!important;
  margin:0!important;padding:0!important;min-height:0!important;position:relative;
}
#masthead .ast-mobile-header-content,
#ast-mobile-popup .ast-mobile-popup-content{padding:6px 0 4px!important}
#masthead .ast-mobile-header-content .main-header-menu,
#masthead .ast-mobile-header-content .main-navigation,
#masthead .ast-mobile-header-content .ast-builder-menu,
#masthead .ast-mobile-header-content .main-header-bar-navigation{
  margin:0!important;padding:0!important;
}
#masthead .ast-mobile-header-content .menu-link,
#ast-mobile-popup .menu-link{line-height:1.4!important;min-height:0!important;height:auto!important;display:block!important}
#masthead .ast-mobile-header-content .main-header-menu > .menu-item > .menu-link,
#ast-mobile-popup .main-header-menu > .menu-item > .menu-link{
  font-family:var(--ab-sans)!important;font-weight:600!important;font-size:1rem!important;
  text-transform:none!important;letter-spacing:0!important;
  color:var(--ab-navy)!important;background:transparent!important;
  border:0!important;border-bottom:1px solid var(--ab-line-g)!important;border-radius:0!important;
  padding:14px 26px!important;opacity:1!important;
}
#masthead .ast-mobile-header-content .sub-menu,
#ast-mobile-popup .sub-menu{
  background:transparent!important;border:0!important;box-shadow:none!important;
  margin:4px 0 10px 26px!important;padding:0 0 0 14px!important;
  border-left:2px solid var(--ab-line-g)!important;
}
#masthead .ast-mobile-header-content .sub-menu .menu-link,
#ast-mobile-popup .sub-menu .menu-link{
  font-family:var(--ab-sans)!important;font-weight:500!important;font-size:.95rem!important;
  color:var(--ab-navy)!important;background:transparent!important;
  border:0!important;padding:8px 0!important;
}
#masthead .ast-mobile-header-content .menu-link:hover,
#ast-mobile-popup .menu-link:hover{color:var(--ab-green)!important}
#masthead .ast-mobile-header-content .ab-all > .menu-link,
#ast-mobile-popup .ab-all > .menu-link{font-weight:700!important;color:var(--ab-green)!important}
/* Flèche d'ouverture des sous-menus (c'est un <button> : on le protège) */
#masthead .ast-mobile-header-content .ast-menu-toggle,
#masthead .ast-mobile-header-content .ast-menu-toggle:hover,
#masthead .ast-mobile-header-content .ast-menu-toggle:focus,
#ast-mobile-popup .ast-menu-toggle,
#ast-mobile-popup .ast-menu-toggle:hover,
#ast-mobile-popup .ast-menu-toggle:focus{
  background:transparent!important;color:var(--ab-navy)!important;border:0!important;box-shadow:none!important;
}
/* La flèche des sous-menus : alignée sur la ligne du lien, à 12 px du bord */
#masthead .ast-mobile-header-content .ast-menu-toggle,
#ast-mobile-popup .ast-menu-toggle{
  position:absolute!important;top:0!important;right:12px!important;
  width:48px!important;height:50px!important;padding:0!important;
  display:flex!important;align-items:center;justify-content:center;
}
/* Bouton « Demande de devis » dans le menu : vert, pleine largeur */
#masthead .ast-mobile-header-content .ast-builder-button-wrap,
#ast-mobile-popup .ast-builder-button-wrap{padding:18px 26px 24px!important;margin:0!important;width:100%}
#masthead .ast-mobile-header-content .ast-builder-button-wrap > *,
#ast-mobile-popup .ast-builder-button-wrap > *{width:100%}
/* Astra ajoute une copie texte du bouton (lien de secours) : on la masque */
#masthead .ast-mobile-header-content .ast-builder-button-wrap .menu-link,
#ast-mobile-popup .ast-builder-button-wrap .menu-link{display:none!important}
#masthead .ast-mobile-header-content .ast-custom-button-link,
#ast-mobile-popup .ast-custom-button-link{display:block;width:100%}
#masthead .ast-mobile-header-content .ast-custom-button,
#ast-mobile-popup .ast-custom-button{
  display:block!important;width:100%!important;text-align:center!important;
  background:var(--ab-green)!important;color:var(--ab-cream)!important;
}

/* ==========================================================================
   5. FOOTER — fond vert nuit, 5 colonnes
   ========================================================================== */
.site-footer{
  background:var(--ab-green-900)!important;background-image:none!important;
  color:rgba(238,234,218,.78)!important;font-family:var(--ab-sans);
}
.site-footer .site-above-footer-wrap,
.site-footer .site-primary-footer-wrap,
.site-footer .site-below-footer-wrap{
  background:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important;
}
.site-footer .site-primary-footer-wrap{padding-top:60px!important;padding-bottom:0!important}

/* Grille : 1re colonne plus large, comme la maquette */
@media(min-width:922px){
  .site-footer .site-primary-footer-wrap .ast-builder-grid-row{
    grid-template-columns:1.35fr repeat(3,minmax(0,1fr)) 1.4fr!important;
    column-gap:34px!important;row-gap:40px!important;align-items:start!important;
  }
}
@media(min-width:545px) and (max-width:921px){
  .site-footer .site-primary-footer-wrap .ast-builder-grid-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:28px!important;row-gap:36px!important;
  }
  .site-footer .site-primary-footer-wrap .site-footer-section-1{grid-column:1 / -1}
}
@media(max-width:544px){
  .site-footer .site-primary-footer-wrap .ast-builder-grid-row{
    grid-template-columns:1fr!important;row-gap:34px!important;
  }
}
.site-footer .site-footer-section{text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}
.site-footer .footer-widget-area{text-align:left!important;margin:0!important}

/* ---------- Titres de colonnes ---------- */
.site-footer .widget-title,
.site-footer .ab-ftitle{
  font-family:var(--ab-sans)!important;font-size:.74rem!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:.16em!important;line-height:1.4!important;
  color:var(--ab-pink-soft)!important;margin:0 0 14px!important;
}

/* ---------- Listes de liens (menus des widgets) ---------- */
.site-footer .footer-widget-area ul{
  list-style:none!important;margin:0!important;padding:0!important;
  display:flex;flex-direction:column;gap:11px;
}
.site-footer .footer-widget-area li{
  margin:0!important;padding:0!important;border:0!important;
  background:transparent!important;border-radius:0!important;box-shadow:none!important;
}
.site-footer .footer-widget-area a,
.site-footer .ab-fcontact a{
  color:rgba(238,234,218,.78)!important;font-size:15px!important;line-height:1.4!important;
  font-family:var(--ab-sans)!important;font-weight:400!important;
  text-decoration:none!important;background:transparent!important;
  border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;
  display:inline-block;transition:color .16s ease;
}
.site-footer a:hover,
.site-footer .footer-widget-area a:hover{color:#fff!important}

/* ---------- Colonne 1 : logo, accroche, note Google (élément HTML 1) ---------- */
.site-footer .ast-footer-html-1 p,
.site-footer .ast-footer-html-2 p{margin:0}
.ab-fcol1 .ab-flogo{display:inline-block;margin-bottom:14px}
.ab-fcol1 .ab-flogo img{
  height:44px;width:auto;display:block;
  filter:brightness(0) invert(96%) sepia(10%) saturate(180%) hue-rotate(7deg);
}
.ab-fnap{font-size:15px;line-height:1.7;color:rgba(238,234,218,.78);margin:0}
.ab-frate{
  display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap;
  background:var(--ab-green);border-radius:9px;padding:8px 16px;margin-top:16px;
  max-width:100%;
}
.ab-frate .ab-fs{font-family:var(--ab-serif);font-size:1.15rem;font-weight:600;color:#fff;line-height:1}
.ab-frate .ab-fst{color:var(--ab-yellow);font-size:.85rem;letter-spacing:1px;line-height:1}
.ab-frate .ab-fm{font-family:"Mada",var(--ab-sans);font-size:13px;font-weight:400;color:rgba(238,234,218,.9);white-space:nowrap}
.ab-frate .ab-fm b{color:#fff;font-weight:700}

/* ---------- Colonne 5 : contact (élément HTML 2) ---------- */
.ab-fcontact{font-size:15px;line-height:1.7;color:rgba(238,234,218,.78)}
.ab-fcontact .ab-flinks{display:flex;flex-direction:column;gap:11px;margin-top:14px}

/* ---------- Icônes réseaux sociaux ---------- */
.site-footer .ast-footer-social-wrap,
.site-footer .footer-social-inner-wrap{text-align:left!important;justify-content:flex-start!important;margin-top:16px}
.site-footer .ast-builder-social-element{
  background:transparent!important;color:var(--ab-cream)!important;
  padding:0!important;margin:0 14px 0 0!important;border:0!important;
}
.site-footer .ast-builder-social-element svg{fill:var(--ab-cream)!important;width:20px!important;height:20px!important}
.site-footer .ast-builder-social-element:hover svg{fill:var(--ab-pink-soft)!important}

/* ==========================================================================
   6. BAS DE FOOTER — copyright à gauche, liens légaux à droite
   ========================================================================== */
.site-footer .site-below-footer-wrap{min-height:0!important;padding:0!important}
.site-footer .site-below-footer-wrap .ast-builder-grid-row-container-inner{
  border-top:1px solid rgba(238,234,218,.14);
  margin-top:38px;padding-top:22px;padding-bottom:28px;
}
.site-footer .site-below-footer-wrap .ast-builder-grid-row{min-height:0!important}
.site-footer .ast-footer-copyright,
.site-footer .ast-footer-copyright p{
  font-family:var(--ab-sans)!important;font-size:.8rem!important;line-height:1.5;
  color:rgba(238,234,218,.5)!important;margin:0!important;
}
.site-footer .ast-footer-copyright a{color:rgba(238,234,218,.5)!important;text-decoration:none!important}

/* Menu « Menu de pied de page » (liens légaux) */
.site-footer #astra-footer-menu,
.site-footer .footer-nav-wrap .menu{
  display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:6px 22px;
  justify-content:flex-end;list-style:none;margin:0!important;padding:0!important;
}
.site-footer #astra-footer-menu .menu-item,
.site-footer .footer-nav-wrap .menu-item{border:0!important;background:transparent!important;margin:0!important}
.site-footer #astra-footer-menu .menu-link,
.site-footer .footer-nav-wrap .menu-link{
  font-family:var(--ab-sans)!important;font-size:.8rem!important;font-weight:400!important;
  color:rgba(238,234,218,.5)!important;background:transparent!important;
  padding:0!important;border:0!important;text-transform:none!important;letter-spacing:0!important;
}
.site-footer #astra-footer-menu .menu-link:hover,
.site-footer .footer-nav-wrap .menu-link:hover{color:#fff!important}

@media(max-width:921px){
  .site-footer .site-below-footer-wrap .ast-builder-grid-row{grid-template-columns:1fr!important;row-gap:12px!important}
  .site-footer .site-below-footer-wrap .site-footer-section{justify-content:flex-start!important;text-align:left!important}
  .site-footer #astra-footer-menu,
  .site-footer .footer-nav-wrap .menu{justify-content:flex-start}
}

/* ==========================================================================
   7. FLÈCHE « RETOUR EN HAUT » d'Astra aux couleurs de la charte
   ========================================================================== */
#ast-scroll-top{
  background:var(--ab-green)!important;color:var(--ab-cream)!important;
  border-radius:8px!important;
}
#ast-scroll-top:hover{background:var(--ab-green-700)!important}
#ast-scroll-top svg{fill:var(--ab-cream)!important}

/* ==========================================================================
   8. PAGE D'ACCUEIL — header transparent sur la photo, crème au défilement
   --------------------------------------------------------------------------
   En haut de page : fond transparent, logo et liens blancs, bouton crème.
   Dès 60 px de défilement, authentique-home.js ajoute la classe ab-scrolled
   sur <body> et le header reprend son fond crème.
   Si l'ID de la page d'accueil change, remplacer 3044 ci-dessous.
   ========================================================================== */
body.page-id-3044 #masthead.site-header{
  transition:background-color .35s ease,border-color .35s ease,-webkit-backdrop-filter .35s ease,backdrop-filter .35s ease;
}
#masthead .site-logo-img img,
#masthead .custom-logo-link img{transition:filter .35s ease}

body.page-id-3044:not(.ab-scrolled):not(.ast-main-header-nav-open) #masthead.site-header{
  background:transparent!important;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border-bottom-color:transparent!important;
}
body.page-id-3044:not(.ab-scrolled):not(.ast-main-header-nav-open) #masthead .site-logo-img img,
body.page-id-3044:not(.ab-scrolled):not(.ast-main-header-nav-open) #masthead .custom-logo-link img{filter:brightness(0) invert(1)}
body.page-id-3044:not(.ab-scrolled):not(.ast-main-header-nav-open) #ast-desktop-header .main-header-menu > .menu-item > .menu-link{color:#fff!important}
body.page-id-3044:not(.ab-scrolled):not(.ast-main-header-nav-open) #ast-desktop-header .ast-builder-button-wrap .ast-custom-button{
  background:var(--ab-cream)!important;color:var(--ab-green)!important;
}
body.page-id-3044:not(.ab-scrolled):not(.ast-main-header-nav-open) #ast-desktop-header .ast-builder-button-wrap:hover .ast-custom-button,
body.page-id-3044:not(.ab-scrolled):not(.ast-main-header-nav-open) #ast-desktop-header .ast-builder-button-wrap .ast-custom-button:focus{
  background:#fff!important;color:var(--ab-green)!important;
}

/* La photo du hero remonte sous la barre logo + menu (78 px + 1 px de bordure) */
@media(min-width:922px){body.page-id-3044 .hero-full{margin-top:-79px}}
@media(max-width:921px){body.page-id-3044 .hero-full{margin-top:-65px}}

/* ==========================================================================
   9. ANCRES — le questionnaire (#devis) s'arrête sous le header collant
   ========================================================================== */
#devis{scroll-margin-top:96px}
@media(max-width:921px){#devis{scroll-margin-top:76px}}

/* ==========================================================================
   10. FOOTER — ajustements
   ========================================================================== */
/* Colonne Contact (HTML 2) alignée à gauche comme les autres colonnes */
.site-footer .ast-footer-html-2,
.site-footer .ast-footer-html-2 .ast-builder-html-element,
.site-footer [data-section="section-fb-html-2"],
.site-footer [data-section="section-fb-html-2"] .ast-builder-html-element,
.site-footer .ab-fcontact{text-align:left!important;justify-content:flex-start!important}
.site-footer .ab-fcontact a{word-break:break-word}
/* Badge Google : « 5/5 » et les 5 étoiles restent sur une seule ligne */
.ab-frate .ab-fs,.ab-frate .ab-fst{white-space:nowrap;flex:0 0 auto}
.ab-frate .ab-fm{flex:0 1 auto}

/* Logo du footer plus grand */
.ab-fcol1 .ab-flogo img{height:64px!important}
.ab-fcol1 .ab-flogo{margin-bottom:18px}
/* Badge Google compact sur deux lignes : « 5/5 ★★★★★ » puis la mention */
.ab-frate{
  display:inline-flex!important;flex-wrap:wrap!important;align-items:center;
  width:auto!important;max-width:100%;
  column-gap:10px;row-gap:4px;padding:10px 16px!important;
}
.ab-frate .ab-fm{flex:0 0 100%!important;white-space:nowrap}
/* Email sur une seule ligne */
.site-footer .ab-fcontact a{word-break:normal!important}
.site-footer .ab-fcontact a[href^="mailto:"]{white-space:nowrap;font-size:14px!important}

/* ==========================================================================
   11. PAGE D'ACCUEIL — ajustements
   ========================================================================== */
/* Mobile : l'espace réservé au bouton flottant est porté par le footer, pas par la page */
@media(max-width:640px){body.page-id-3044{padding-bottom:0!important}}
/* Badge Google : largeur de son contenu, pas de toute la colonne */
.ab-frate{width:fit-content!important}

/* ==========================================================================
   12. PAGE D'ACCUEIL — le footer suit directement le CTA final
   --------------------------------------------------------------------------
   Astra ajoute une marge de 96 px au-dessus du footer. Invisible avec
   l'ancien footer crème, elle formait une bande beige avec le footer vert.
   ========================================================================== */
body.page-id-3044 #colophon.site-footer{margin-top:0!important}

/* ==========================================================================
   13. BAS DE FOOTER EN MOBILE ET TABLETTE — tout centré, avec des marges
   ========================================================================== */
@media(max-width:921px){
  .site-footer .site-below-footer-wrap .ast-builder-grid-row-container-inner{
    padding-left:20px!important;padding-right:20px!important;
  }
  .site-footer .site-below-footer-wrap .ast-builder-grid-row{justify-items:center!important}
  .site-footer .site-below-footer-wrap .site-footer-section{
    justify-content:center!important;align-items:center!important;text-align:center!important;width:100%;
  }
  .site-footer .ast-footer-copyright,
  .site-footer .ast-footer-copyright p{text-align:center!important}
  .site-footer #astra-footer-menu,
  .site-footer .footer-nav-wrap .menu{justify-content:center!important;gap:8px 20px!important}
  .site-footer .footer-nav-wrap,
  .site-footer .footer-widget-area[data-section="section-footer-menu"]{width:100%;text-align:center!important}
}

/* ==========================================================================
   14. CONFLIT DE NOM « .menu-item » (page d'accueil)
   --------------------------------------------------------------------------
   Les cartes de la section « Une carte généreuse » utilisent la classe
   .menu-item, la même que les éléments des menus WordPress. Leur style
   (overflow:hidden, fond, bordure, soulèvement au survol, marges en mobile)
   s'appliquait aux menus : le sous-menu était coupé. On l'annule ici.
   ========================================================================== */
#masthead .menu-item,
#masthead .menu-item:hover,
#ast-mobile-popup .menu-item,
#ast-mobile-popup .menu-item:hover,
.site-footer .menu-item,
.site-footer .menu-item:hover{
  overflow:visible!important;transform:none!important;box-shadow:none!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  transition:none!important;
}
#ast-desktop-header .main-header-menu > .menu-item{flex-direction:row!important;align-items:center}

/* ==========================================================================
   15. SOUS-MENUS — largeur adaptée au texte, et pas de fermeture au passage
   ========================================================================== */
/* La carte prend la largeur de son plus long lien (Astra imposait une largeur fixe) */
#ast-desktop-header .main-header-menu .sub-menu{
  width:max-content!important;min-width:240px!important;max-width:none!important;
  margin-top:10px!important;
}
#ast-desktop-header .main-header-menu .sub-menu .menu-item{width:100%!important}
#ast-desktop-header .main-header-menu .sub-menu .menu-link{width:100%}
/* Pont invisible accroché à l'élément du menu : la souris peut descendre
   du lien jusqu'à la carte sans que le sous-menu se referme */
#ast-desktop-header .main-header-menu > .menu-item-has-children{position:relative}
#ast-desktop-header .main-header-menu > .menu-item-has-children::after{
  content:"";position:absolute;left:-12px;right:-12px;top:100%;height:22px;
  background:transparent;z-index:1;
}
/* Le sous-menu ouvert reste au premier plan, au-dessus du pont */
#ast-desktop-header .main-header-menu > .menu-item-has-children > .sub-menu{z-index:99999}