/*
Theme Name: Sudexpert - Hello Elementor Child
Theme URI: https://sudexpert.org/
Description: Thème enfant Hello Elementor pour Sudexpert
Author: Solutions Graph'us
Author URI: https://solutionsgraphus.fr/
Template: hello-elementor
Version: 1.0.1
Text Domain: sudexpert
*/


/* =========================================================
   SUDEXPERT — HEADER GLOBAL V2
   Héritage visuel de l'ancien site + finition SGP
   ========================================================= */

:root{
  --sx-header-green:#02551b;
  --sx-header-green-dark:#013d14;
  --sx-header-white:#ffffff;
  --sx-header-ink:#171b17;
}


/* =========================================================
   HEADER GLOBAL
   ========================================================= */

#sudexpert-site-header{
  position:relative;
  z-index:1000;

  width:100%;

  margin:0;
  padding:0;

  background:#fff;

  font-family:
    Inter,
    "Segoe UI",
    Arial,
    sans-serif;

  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}


#sudexpert-site-header,
#sudexpert-site-header *{
  box-sizing:border-box;
}


#sudexpert-site-header a{
  text-decoration:none;
}


/* =========================================================
   CONTENEUR COMMUN
   ========================================================= */

#sudexpert-site-header .sx2-shell{
  width:min(1180px,calc(100% - 48px));

  margin-left:auto;
  margin-right:auto;
}


/* =========================================================
   BANDEAU IDENTITAIRE
   ========================================================= */

#sudexpert-site-header .sx2-brand{
  position:relative;

  width:100%;
  height:270px;

  overflow:hidden;

  background:#f7f7f7;

  isolation:isolate;
}


/*
 * La pelouse historique forme le décor complet du bandeau.
 * On conserve le PNG original préparé pour WordPress.
 */

#sudexpert-site-header .sx2-brand::before{
  content:"";

  position:absolute;
  z-index:-1;

  inset:0;

  background-image:
    url("/wp-content/uploads/2026/10/sudexpert-home-pelouse.png");

  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 100%;
}


/* =========================================================
   GRILLE DU BANDEAU
   ========================================================= */

#sudexpert-site-header .sx2-brand-inner{
  position:relative;

  height:100%;

  display:grid;

  grid-template-columns:
    220px
    minmax(300px,1fr)
    minmax(250px,360px);

  gap:30px;

  align-items:center;
}


/* =========================================================
   MAISON À LA LOUPE
   ========================================================= */

#sudexpert-site-header .sx2-brand-house{
  position:relative;

  align-self:end;

  height:210px;
}


#sudexpert-site-header .sx2-brand-house img{
  position:absolute;

  left:0;
  bottom:0;

  width:205px;
  max-width:none;
  height:auto;

  display:block;

  object-fit:contain;

  filter:
    drop-shadow(0 13px 20px rgba(0,0,0,.10));
}


/* =========================================================
   LOGO
   ========================================================= */

#sudexpert-site-header .sx2-brand-logo{
  align-self:start;

  padding-top:35px;
}


#sudexpert-site-header .sx2-brand-logo a{
  display:inline-block;

  line-height:0;
}


#sudexpert-site-header .sx2-brand-logo img{
  display:block;

  width:min(330px,100%);
  height:auto;

  margin:0;
  padding:0;
}


/* =========================================================
   TÉLÉPHONE / EMAIL / BASELINE
   ========================================================= */

#sudexpert-site-header .sx2-brand-side{
  height:100%;

  display:flex;
  flex-direction:column;

  justify-content:space-between;
  align-items:flex-end;

  padding:31px 0;
}


#sudexpert-site-header .sx2-brand-contact{
  display:flex;
  flex-direction:column;

  align-items:flex-end;

  gap:6px;
}


#sudexpert-site-header .sx2-brand-phone{
  color:var(--sx-header-green) !important;

  font-size:23px;
  line-height:1.1;
  font-weight:950;

  text-decoration:none !important;

  transition:
    color .2s ease,
    transform .2s ease;
}


#sudexpert-site-header .sx2-brand-phone:hover{
  color:var(--sx-header-green-dark) !important;

  transform:translateY(-1px);
}


#sudexpert-site-header .sx2-brand-email{
  color:#555 !important;

  font-size:13px;
  line-height:1.3;
  font-weight:750;
  margin-top:0;
  text-decoration:none !important;

  transition:color .2s ease;
}


#sudexpert-site-header .sx2-brand-email:hover{
  color:var(--sx-header-green) !important;
}


#sudexpert-site-header .sx2-brand-tagline{
  max-width:340px;

  margin:0;

  color:#fff;

  text-align:right;

  font-family:
    "Arial Black",
    Arial,
    sans-serif;

  font-size:clamp(18px,2vw,25px);
  line-height:1.08;
  font-weight:900;

  text-transform:uppercase;

  text-shadow:
    0 2px 9px rgba(0,0,0,.14);
}


#sudexpert-site-header .sx2-brand-tagline span{
  display:block;

  margin-top:5px;

  font-family:
    Inter,
    "Segoe UI",
    Arial,
    sans-serif;

  font-size:14px;
  line-height:1.2;
  font-weight:800;

  letter-spacing:.08em;

  text-transform:none;
}


/* =========================================================
   MENU VERT GLOBAL
   ========================================================= */

#sudexpert-site-header .sx2-mainnav{
  position:relative;
  z-index:10;

  width:100%;

  margin:0;
  padding:0;

  background:var(--sx-header-green);

  box-shadow:
    0 5px 16px rgba(0,0,0,.10);
}


/* UL WordPress */

#sudexpert-site-header .sx2-mainnav-inner{
  min-height:66px;

  display:flex;

  align-items:stretch;
  justify-content:center;

  gap:0;

  margin:0;
  padding:0;

  list-style:none;
}


/* LI */

#sudexpert-site-header .sx2-mainnav-inner > li{
  position:relative;

  display:flex;
  align-items:stretch;

  margin:0;
  padding:0;

  list-style:none;
}


/* liens */

#sudexpert-site-header
.sx2-mainnav-inner
> li
> a{

  position:relative;

  min-height:66px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0 28px;

  color:rgba(255,255,255,.78) !important;

  background:transparent;

  font-family:
    "Arial Black",
    Arial,
    sans-serif;

  font-size:14px;
  line-height:1;
  font-weight:900;

  letter-spacing:.015em;

  white-space:nowrap;

  text-decoration:none !important;

  transition:
    color .2s ease,
    background .2s ease;
}


/* trait blanc actif / hover */

#sudexpert-site-header
.sx2-mainnav-inner
> li
> a::after{

  content:"";

  position:absolute;

  left:28px;
  right:28px;
  bottom:0;

  height:4px;

  border-radius:4px 4px 0 0;

  background:#fff;

  transform:scaleX(0);
  transform-origin:center;

  transition:transform .22s ease;
}


#sudexpert-site-header
.sx2-mainnav-inner
> li
> a:hover{

  color:#fff !important;

  background:
    rgba(255,255,255,.045);
}


#sudexpert-site-header
.sx2-mainnav-inner
> li
> a:hover::after,

#sudexpert-site-header
.sx2-mainnav-inner
> li.current-menu-item
> a::after,

#sudexpert-site-header
.sx2-mainnav-inner
> li.current_page_item
> a::after,

#sudexpert-site-header
.sx2-mainnav-inner
> li.current-menu-ancestor
> a::after{

  transform:scaleX(1);
}


#sudexpert-site-header
.sx2-mainnav-inner
> li.current-menu-item
> a,

#sudexpert-site-header
.sx2-mainnav-inner
> li.current_page_item
> a,

#sudexpert-site-header
.sx2-mainnav-inner
> li.current-menu-ancestor
> a{

  color:#fff !important;
}


/* =========================================================
   DERNIER ITEM = DEVIS EXPRESS
   ========================================================= */

/*
 * Le dernier élément du menu est volontairement traité
 * comme CTA.
 *
 * Il faudra donc que "Devis express" soit bien le dernier
 * élément dans Apparence > Menus.
 */

#sudexpert-site-header
.sx2-mainnav-inner
> li:last-child{

  align-items:center;

  margin-left:14px;
}


#sudexpert-site-header
.sx2-mainnav-inner
> li:last-child
> a{

  min-height:44px;

  margin:11px 0;

  padding:0 21px;

  border:
    1px solid rgba(255,255,255,.30);

  border-radius:8px;

  color:#fff !important;

  background:
    rgba(255,255,255,.09);
}


#sudexpert-site-header
.sx2-mainnav-inner
> li:last-child
> a::after{

  display:none;
}


#sudexpert-site-header
.sx2-mainnav-inner
> li:last-child
> a:hover{

  color:var(--sx-header-green) !important;

  background:#fff;
}


/* =========================================================
   FOCUS ACCESSIBILITÉ
   ========================================================= */

#sudexpert-site-header a:focus-visible{
  outline:
    3px solid rgba(2,85,27,.28);

  outline-offset:3px;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media(max-width:1024px){

  #sudexpert-site-header .sx2-shell{
    width:min(100% - 38px,1000px);
  }


  #sudexpert-site-header .sx2-brand{
    height:250px;
  }


  #sudexpert-site-header .sx2-brand-inner{
    grid-template-columns:
      180px
      minmax(260px,1fr)
      280px;

    gap:20px;
  }


  #sudexpert-site-header .sx2-brand-house{
    height:195px;
  }


  #sudexpert-site-header .sx2-brand-house img{
    width:180px;
  }


  #sudexpert-site-header .sx2-brand-logo img{
    width:275px;
  }


  #sudexpert-site-header .sx2-brand-phone{
    font-size:20px;
  }


  #sudexpert-site-header .sx2-brand-tagline{
    font-size:19px;
  }


  /*
   * Le menu reste horizontal.
   * S'il manque de place, il devient scrollable horizontalement
   * plutôt que de casser sur deux lignes.
   */

  #sudexpert-site-header .sx2-mainnav .sx2-shell{
    width:100%;

    margin:0;
  }


  #sudexpert-site-header .sx2-mainnav-inner{
    min-height:60px;

    overflow-x:auto;

    justify-content:flex-start;

    padding-left:18px;
    padding-right:18px;

    scrollbar-width:none;

    -webkit-overflow-scrolling:touch;
  }


  #sudexpert-site-header
  .sx2-mainnav-inner::-webkit-scrollbar{

    display:none;
  }


  #sudexpert-site-header
  .sx2-mainnav-inner
  > li
  > a{

    min-height:60px;

    padding:0 21px;

    font-size:13px;
  }


  #sudexpert-site-header
  .sx2-mainnav-inner
  > li
  > a::after{

    left:21px;
    right:21px;
  }


  #sudexpert-site-header
  .sx2-mainnav-inner
  > li:last-child{

    margin-left:8px;
    margin-right:14px;
  }


  #sudexpert-site-header
  .sx2-mainnav-inner
  > li:last-child
  > a{

    min-height:40px;

    margin:10px 0;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

  #sudexpert-site-header .sx2-shell{
    width:calc(100% - 28px);
  }


  /* Bandeau */

  #sudexpert-site-header .sx2-brand{
    height:300px;
  }


  #sudexpert-site-header .sx2-brand::before{
    background-size:auto 100%;
    background-position:center bottom;
  }


  #sudexpert-site-header .sx2-brand-inner{
    display:block;

    padding-top:22px;

    text-align:center;
  }


  /* la maison serait trop envahissante sur mobile */

  #sudexpert-site-header .sx2-brand-house{
    display:none;
  }


  #sudexpert-site-header .sx2-brand-logo{
    padding:0;
  }


  #sudexpert-site-header .sx2-brand-logo a{
    display:block;
  }


  #sudexpert-site-header .sx2-brand-logo img{
    width:225px;

    margin:0 auto;
  }


  #sudexpert-site-header .sx2-brand-side{
    height:auto;

    display:block;

    padding:13px 0 0;
  }


  #sudexpert-site-header .sx2-brand-contact{
    align-items:center;
  }


  #sudexpert-site-header .sx2-brand-phone{
    font-size:20px;
  }


  #sudexpert-site-header .sx2-brand-email{
    font-size:12px;
  }


  #sudexpert-site-header .sx2-brand-tagline{
    max-width:300px;

    margin:
      42px
      auto
      0;

    text-align:center;

    font-size:18px;
  }


  #sudexpert-site-header .sx2-brand-tagline span{
    margin-top:5px;

    font-size:12px;
  }


  /* Menu */

  #sudexpert-site-header .sx2-mainnav-inner{
    min-height:55px;

    padding-left:10px;
    padding-right:10px;
  }


  #sudexpert-site-header
  .sx2-mainnav-inner
  > li
  > a{

    min-height:55px;

    padding:0 17px;

    font-size:12px;

    letter-spacing:0;
  }


  #sudexpert-site-header
  .sx2-mainnav-inner
  > li
  > a::after{

    left:17px;
    right:17px;

    height:3px;
  }


  #sudexpert-site-header
  .sx2-mainnav-inner
  > li:last-child{

    margin-left:6px;
    margin-right:8px;
  }


  #sudexpert-site-header
  .sx2-mainnav-inner
  > li:last-child
  > a{

    min-height:37px;

    margin-top:9px;
    margin-bottom:9px;

    padding:0 16px;
  }

}


/* =========================================================
   PETIT MOBILE
   ========================================================= */

@media(max-width:420px){

  #sudexpert-site-header .sx2-shell{
    width:calc(100% - 22px);
  }


  #sudexpert-site-header .sx2-brand{
    height:285px;
  }


  #sudexpert-site-header .sx2-brand-logo img{
    width:205px;
  }


  #sudexpert-site-header .sx2-brand-phone{
    font-size:18px;
  }


  #sudexpert-site-header .sx2-brand-tagline{
    margin-top:38px;

    font-size:17px;
  }

}


/* =========================================================
   ADMIN BAR WORDPRESS
   ========================================================= */

/*
 * Pas de correction "top" nécessaire car le header complet
 * n'est pas sticky pour le moment.
 */


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  #sudexpert-site-header *,
  #sudexpert-site-header *::before,
  #sudexpert-site-header *::after{

    transition:none !important;
    animation:none !important;
  }

}


/* =========================================================
   SUDEXPERT
   CORRECTIF HEADER MOBILE + MENU HAMBURGER
   ========================================================= */


/* barre mobile invisible sur desktop */

#sudexpert-site-header
.sx2-mainnav-mobilebar{
  display:none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){


  /* -------------------------------------------------------
     BANDEAU
     ------------------------------------------------------- */

  #sudexpert-site-header
  .sx2-brand{

    height:315px;

    overflow:hidden;
  }


  #sudexpert-site-header
  .sx2-brand::before{

    background-size:auto 100%;

    background-position:
      center bottom;
  }


  #sudexpert-site-header
  .sx2-brand-inner{

    width:100%;

    height:100%;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:flex-start;

    padding:
      21px
      18px
      0;

    text-align:center;
  }


  /* maison cachée */

  #sudexpert-site-header
  .sx2-brand-house{

    display:none;
  }


  /* logo */

  #sudexpert-site-header
  .sx2-brand-logo{

    width:100%;

    padding:0;
  }


  #sudexpert-site-header
  .sx2-brand-logo a{

    display:block;

    width:max-content;

    margin:0 auto;
  }


  #sudexpert-site-header
  .sx2-brand-logo img{

    width:210px;

    max-width:100%;

    margin:0 auto;
  }


  /* partie téléphone / baseline */

  #sudexpert-site-header
  .sx2-brand-side{

    width:100%;

    height:auto;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:flex-start;

    padding:14px 0 0;
  }


  #sudexpert-site-header
  .sx2-brand-contact{

    align-items:center;
  }


  #sudexpert-site-header
  .sx2-brand-phone{

    font-size:19px;

    line-height:1.1;
  }


  #sudexpert-site-header
  .sx2-brand-email{

    margin-top:2px;

    font-size:11px;

    line-height:1.3;
  }


  /* phrase désormais entièrement visible */

  #sudexpert-site-header
  .sx2-brand-tagline{

    position:absolute;

    left:18px;
    right:18px;

    bottom:22px;

    max-width:none;

    margin:0;

    color:#fff;

    text-align:center;

    font-size:18px;

    line-height:1.04;

    text-shadow:
      0 2px 8px rgba(0,0,0,.24);
  }


  #sudexpert-site-header
  .sx2-brand-tagline span{

    display:block;

    margin-top:5px;

    font-size:11px;

    line-height:1.2;

    letter-spacing:.06em;
  }


  /* =======================================================
     BARRE MENU MOBILE
     ======================================================= */

  #sudexpert-site-header
  .sx2-mainnav{

    position:relative;

    background:
      var(--sx-header-green);
  }


  #sudexpert-site-header
  .sx2-mainnav-mobilebar{

    min-height:58px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:
      0
      18px;

    color:#fff;
  }


  #sudexpert-site-header
  .sx2-mainnav-mobilelabel{

    font-family:
      "Arial Black",
      Arial,
      sans-serif;

    font-size:14px;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:.06em;
  }


  /* bouton hamburger */

  #sudexpert-site-header
  .sx2-menu-toggle{

    width:44px;
    height:44px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:5px;

    margin:0;

    padding:0;

    border:
      1px solid rgba(255,255,255,.30);

    border-radius:9px;

    appearance:none;

    color:#fff;

    background:
      rgba(255,255,255,.08);

    cursor:pointer;

    transition:
      background .2s ease,
      border-color .2s ease;
  }


  #sudexpert-site-header
  .sx2-menu-toggle:hover{

    background:
      rgba(255,255,255,.14);
  }


  #sudexpert-site-header
  .sx2-menu-toggle span{

    width:21px;
    height:2px;

    display:block;

    border-radius:20px;

    background:#fff;

    transform-origin:center;

    transition:
      transform .22s ease,
      opacity .22s ease;
  }


  /* hamburger -> croix */

  #sudexpert-site-header
  .sx2-menu-toggle[aria-expanded="true"]
  span:nth-child(1){

    transform:
      translateY(7px)
      rotate(45deg);
  }


  #sudexpert-site-header
  .sx2-menu-toggle[aria-expanded="true"]
  span:nth-child(2){

    opacity:0;
  }


  #sudexpert-site-header
  .sx2-menu-toggle[aria-expanded="true"]
  span:nth-child(3){

    transform:
      translateY(-7px)
      rotate(-45deg);
  }


  /* =======================================================
     PANNEAU FERMÉ
     ======================================================= */

  #sudexpert-site-header
  .sx2-mainnav-panel{

    width:100%;

    max-height:0;

    margin:0;

    padding:0;

    overflow:hidden;

    visibility:hidden;

    opacity:0;

    background:
      var(--sx-header-green-dark);

    transition:
      max-height .28s ease,
      opacity .2s ease,
      visibility .2s ease;
  }


  /* =======================================================
     PANNEAU OUVERT
     ======================================================= */

  #sudexpert-site-header
  .sx2-mainnav-panel.is-open{

    max-height:440px;

    visibility:visible;

    opacity:1;
  }


  /* =======================================================
     LISTE
     ======================================================= */

  #sudexpert-site-header
  .sx2-mainnav-inner{

    width:100%;

    min-height:0;

    display:flex;

    flex-direction:column;

    align-items:stretch;

    justify-content:flex-start;

    overflow:visible;

    margin:0;

    padding:
      7px
      14px
      14px;

    list-style:none;
  }


  #sudexpert-site-header
  .sx2-mainnav-inner
  > li{

    width:100%;

    display:block;

    margin:0;

    padding:0;
  }


  #sudexpert-site-header
  .sx2-mainnav-inner
  > li
  > a{

    width:100%;

    min-height:50px;

    display:flex;

    align-items:center;

    justify-content:flex-start;

    padding:
      0
      14px;

    border-bottom:
      1px solid rgba(255,255,255,.10);

    color:#fff !important;

    background:transparent;

    font-family:
      Inter,
      "Segoe UI",
      Arial,
      sans-serif;

    font-size:14px;

    font-weight:800;

    text-align:left;

    white-space:normal;
  }


  /* suppression du trait desktop */

  #sudexpert-site-header
  .sx2-mainnav-inner
  > li
  > a::after{

    display:none;
  }


  /* hover */

  #sudexpert-site-header
  .sx2-mainnav-inner
  > li
  > a:hover{

    color:#fff !important;

    background:
      rgba(255,255,255,.07);
  }


  /* actif */

  #sudexpert-site-header
  .sx2-mainnav-inner
  > li.current-menu-item
  > a,

  #sudexpert-site-header
  .sx2-mainnav-inner
  > li.current_page_item
  > a{

    color:#fff !important;

    background:
      rgba(255,255,255,.10);
  }


  /* =======================================================
     DEVIS EXPRESS MOBILE
     ======================================================= */

  #sudexpert-site-header
  .sx2-mainnav-inner
  > li:last-child{

    width:100%;

    display:block;

    margin:
      10px
      0
      0;
  }


  #sudexpert-site-header
  .sx2-mainnav-inner
  > li:last-child
  > a{

    min-height:50px;

    justify-content:center;

    margin:0;

    padding:
      0
      16px;

    border:
      1px solid rgba(255,255,255,.35);

    border-radius:9px;

    color:
      var(--sx-header-green) !important;

    background:#fff;

    text-align:center;
  }


  #sudexpert-site-header
  .sx2-mainnav-inner
  > li:last-child
  > a:hover{

    color:
      var(--sx-header-green-dark) !important;

    background:#f4f7f2;
  }

}


/* =========================================================
   PETIT MOBILE
   ========================================================= */

@media(max-width:420px){

  #sudexpert-site-header
  .sx2-brand{

    height:305px;
  }


  #sudexpert-site-header
  .sx2-brand-logo img{

    width:195px;
  }


  #sudexpert-site-header
  .sx2-brand-phone{

    font-size:18px;
  }


  #sudexpert-site-header
  .sx2-brand-tagline{

    bottom:20px;

    font-size:17px;
  }

}


/* =========================================================
   SUDEXPERT — FOOTER GLOBAL PREMIUM
   Thème enfant
   ========================================================= */

#site-footer.site-footer{
  position:relative;

  width:100vw !important;
  max-width:none !important;

  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;

  padding:0 !important;

  overflow:hidden;
  clear:both;

  border:0 !important;

  color:#fff;

  background:
    radial-gradient(
      circle at 7% 10%,
      rgba(146,209,79,.12),
      transparent 27%
    ),
    radial-gradient(
      circle at 93% 90%,
      rgba(0,175,80,.08),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #102615 0%,
      #16351d 48%,
      #1d4324 100%
    );
}


/* =========================================================
   FILET DPE
   ========================================================= */

#site-footer.site-footer::before{
  content:"";


  position:absolute;

  top:0;
  left:0;
  right:0;

  height:5px;

  background:
    linear-gradient(
      90deg,
      #538234 0%,
      #00af50 16%,
      #92d14f 32%,
      #eeee00 48%,
      #f5d460 64%,
      #ffc000 82%,
      #fe0000 100%
    );
}


/* =========================================================
   CONTENEUR
   ========================================================= */

#site-footer .footer-inner{
  position:relative !important;

  width:min(1180px,calc(100% - 48px)) !important;
  max-width:1180px !important;

  display:grid !important;

  grid-template-columns:
    minmax(230px,.78fr)
    minmax(500px,1.22fr);

  grid-template-areas:
    "brand nav"
    "bottom bottom";

  gap:54px 82px;

  align-items:start;

  margin:0 auto !important;

  padding:64px 0 27px !important;
}


/* =========================================================
   LOGO / IDENTITÉ
   ========================================================= */

#site-footer .site-branding{
  grid-area:brand;

  display:block !important;

  margin:0 !important;
  padding:0 !important;
}


#site-footer .site-logo{
  margin:0 !important;
  padding:0 !important;
}


#site-footer .custom-logo-link{
  width:max-content;

  display:block;

  margin:0 !important;

  padding:17px 21px !important;

  border:
    1px solid rgba(255,255,255,.13);

  border-radius:18px;

  background:#fff;

  box-shadow:
    0 18px 45px rgba(0,0,0,.17);

  line-height:0;

  transition:
    transform .22s ease,
    box-shadow .22s ease;
}


#site-footer .custom-logo-link:hover{
  transform:translateY(-2px);

  box-shadow:
    0 23px 55px rgba(0,0,0,.20);
}


#site-footer .custom-logo{
  display:block;

  width:190px !important;
  max-width:190px !important;
  height:auto !important;
}


#site-footer .site-branding::after{
  content:"Diagnostic immobilier · Intervention dans tout le Var";

  display:block;

  max-width:300px;

  margin-top:21px;

  color:
    rgba(255,255,255,.69);

  font-size:13px;
  line-height:1.65;
  font-weight:600;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

#site-footer .site-navigation{
  grid-area:nav;

  position:relative;

  width:100%;

  display:block !important;

  margin:0 !important;
  padding:0 !important;
}


#site-footer .site-navigation::before{
  content:"Navigation";

  display:block;

  margin-bottom:15px;

  color:#bde98d;

  font-size:11px;
  line-height:1;
  font-weight:900;

  letter-spacing:.12em;

  text-transform:uppercase;
}


/* =========================================================
   LISTE DU MENU
   ========================================================= */

#site-footer
.site-navigation
ul.menu{
  width:100%;

  display:grid !important;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:7px 26px !important;

  margin:0 !important;
  padding:0 !important;

  list-style:none !important;
}


#site-footer
.site-navigation
ul.menu
> li{
  width:100%;

  margin:0 !important;
  padding:0 !important;

  list-style:none !important;
}


#site-footer
.site-navigation
ul.menu
> li
> a{
  position:relative;

  width:100%;

  min-height:44px;

  display:flex !important;
  align-items:center !important;

  padding:
    0
    13px
    0
    24px !important;

  border-radius:10px;

  color:
    rgba(255,255,255,.82) !important;

  background:
    transparent !important;

  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:700 !important;

  text-decoration:none !important;

  transition:
    color .2s ease,
    background .2s ease,
    transform .2s ease;
}


#site-footer
.site-navigation
ul.menu
> li
> a::before{
  content:"";

  position:absolute;

  left:7px;
  top:50%;

  width:7px;
  height:2px;

  border-radius:20px;

  background:#92d14f;

  transform:
    translateY(-50%);

  opacity:.78;
}


#site-footer
.site-navigation
ul.menu
> li
> a:hover{
  color:#fff !important;

  background:
    rgba(255,255,255,.065)
    !important;

  transform:
    translateX(2px);
}


/* page active */

#site-footer
.site-navigation
ul.menu
> li.current-menu-item
> a,

#site-footer
.site-navigation
ul.menu
> li.current_page_item
> a{
  color:#caf0a3 !important;

  background:
    rgba(146,209,79,.08)
    !important;
}


/* =========================================================
   CTA DEVIS
   quatrième élément du menu
   ========================================================= */

#site-footer
.site-navigation
ul.menu
> li:nth-child(4)
> a{
  border:
    1px solid rgba(146,209,79,.16);

  color:#fff !important;

  background:
    rgba(83,130,52,.28)
    !important;
}


/* =========================================================
   MENTIONS / CONFIDENTIALITÉ
   ========================================================= */

#site-footer
.site-navigation
ul.menu
> li:nth-child(5)
> a,

#site-footer
.site-navigation
ul.menu
> li:nth-child(6)
> a{
  color:
    rgba(255,255,255,.65)
    !important;

  font-size:13px !important;
}


/* =========================================================
   CONTACTS
   ========================================================= */

#site-footer
.site-navigation
ul.menu
> li.footer-contact{
  width:100% !important;

  margin-top:7px !important;
}


#site-footer
.site-navigation
ul.menu
> li.footer-contact
> a{
  min-height:45px;

  display:flex !important;
  align-items:center !important;

  gap:10px;

  padding:
    0
    13px !important;

  border:
    1px solid rgba(255,255,255,.07);

  border-radius:11px;

  color:
    rgba(255,255,255,.82)
    !important;

  background:
    rgba(255,255,255,.035)
    !important;

  font-size:13px !important;
  font-weight:700 !important;
}


#site-footer
.site-navigation
ul.menu
> li.footer-contact
> a::before{
  position:static;

  width:30px;
  height:30px;

  flex:0 0 30px;

  display:block;

  border-radius:9px;

  background-color:
    rgba(146,209,79,.11);

  background-repeat:no-repeat;
  background-position:center;
  background-size:15px 15px;

  transform:none;

  opacity:1;
}


/* téléphone */

#site-footer
.site-navigation
ul.menu
> li.footer-phone
> a::before{
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392D14F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 3.09 5.18 2 2 0 0 1 5.07 3h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L9 10.7a16 16 0 0 0 4.3 4.3l1.24-1.24a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}


/* email */

#site-footer
.site-navigation
ul.menu
> li.footer-email
> a::before{
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392D14F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}


/* =========================================================
   BAS DE FOOTER
   Desktop : crédit à gauche / copyright à droite
   ========================================================= */

#site-footer .sudexpert-footer-bottom{
  grid-area:bottom;

  width:100%;

  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  align-items:center;

  column-gap:40px;

  margin:14px 0 0 !important;

  padding:23px 0 0 !important;

  border-top:
    1px solid rgba(255,255,255,.10) !important;
}


/* crédit Solutions Graph'us */

#site-footer .sudexpert-footer-credit{
  min-width:0;

  margin:0 !important;
  padding:0 !important;

  text-align:left !important;
}


#site-footer .sudexpert-footer-credit a{
  display:inline-block;

  color:
    rgba(255,255,255,.46)
    !important;

  font-size:11.5px;
  line-height:1.5;
  font-weight:600;

  white-space:nowrap;

  text-decoration:none;

  transition:
    color .2s ease;
}


#site-footer .sudexpert-footer-credit a:hover{
  color:#bde98d !important;

  text-decoration:underline;

  text-underline-offset:3px;
}


/* copyright */

#site-footer .copyright{
  width:auto !important;
  min-width:0;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;

  text-align:right !important;
}


#site-footer .copyright p{
  margin:0 !important;
  padding:0 !important;

  color:
    rgba(255,255,255,.46)
    !important;

  font-size:12px !important;
  line-height:1.6 !important;
  font-weight:600 !important;

  white-space:nowrap;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media(max-width:1024px){

  #site-footer .footer-inner{
    width:min(100% - 40px,900px)
      !important;

    grid-template-columns:
      minmax(200px,.72fr)
      minmax(360px,1.28fr);

    gap:45px;

    padding:
      55px
      0
      25px
      !important;
  }


  #site-footer .custom-logo{
    width:170px !important;
    max-width:170px !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

  #site-footer .footer-inner{
    width:calc(100% - 28px)
      !important;

    grid-template-columns:1fr;

    grid-template-areas:
      "brand"
      "nav"
      "bottom";

    gap:37px;

    padding:
      47px
      0
      22px
      !important;
  }


  #site-footer .site-branding{
    text-align:center;
  }


  #site-footer .custom-logo-link{
    margin:
      0
      auto
      !important;
  }


  #site-footer .custom-logo{
    width:160px !important;
    max-width:160px !important;
  }


  #site-footer .site-branding::after{
    max-width:100%;

    margin-top:18px;

    text-align:center;
  }


  #site-footer
  .site-navigation::before{
    text-align:center;
  }


  #site-footer
  .site-navigation
  ul.menu{
    grid-template-columns:1fr;

    gap:5px !important;
  }


  #site-footer
  .site-navigation
  ul.menu
  > li
  > a{
    min-height:47px;

    justify-content:center;

    padding:
      0
      18px !important;

    text-align:center;
  }


  #site-footer
  .site-navigation
  ul.menu
  > li
  > a::before{
    display:none;
  }


  #site-footer
  .site-navigation
  ul.menu
  > li:nth-child(4){
    margin:
      7px
      0
      !important;
  }


  #site-footer
  .site-navigation
  ul.menu
  > li:nth-child(4)
  > a{
    min-height:52px;

    border:0;

    border-radius:999px;

    background:
      linear-gradient(
        135deg,
        #538234,
        #659840
      )
      !important;

    box-shadow:
      0 11px 25px rgba(0,0,0,.16);
  }


  #site-footer
  .site-navigation
  ul.menu
  > li.footer-contact{
    margin:
      4px
      0
      !important;
  }


  #site-footer
  .site-navigation
  ul.menu
  > li.footer-contact
  > a{
    width:100%;

    justify-content:center;

    padding:
      0
      14px !important;

    background:
      rgba(255,255,255,.045)
      !important;
  }


  #site-footer
  .site-navigation
  ul.menu
  > li.footer-contact
  > a::before{
    display:block;
  }


  /* bas de footer */

  #site-footer .sudexpert-footer-bottom{
    grid-template-columns:1fr;

    row-gap:8px;

    margin-top:6px !important;

    padding-top:20px !important;

    text-align:center;
  }


  #site-footer .sudexpert-footer-credit{
    text-align:center !important;
  }


  #site-footer .sudexpert-footer-credit a{
    white-space:normal;
  }


  #site-footer .copyright{
    text-align:center !important;
  }


  #site-footer .copyright p{
    white-space:normal;

    text-align:center !important;
  }

}


/* =========================================================
   PETIT MOBILE
   ========================================================= */

@media(max-width:420px){

  #site-footer .footer-inner{
    width:calc(100% - 22px)
      !important;

    padding-top:
      42px !important;
  }


  #site-footer .custom-logo-link{
    padding:
      14px
      17px !important;
  }


  #site-footer .custom-logo{
    width:145px !important;
    max-width:145px !important;
  }

}

/* =========================================================
   SUDEXPERT — AMÉLIORATION VISIBILITÉ CONTACT HEADER MOBILE
   Mobile uniquement : téléphone et e-mail clairement différenciés
   ========================================================= */

@media(max-width:760px){

  #sudexpert-site-header .sx2-brand-contact{
    width:max-content;
    min-width:228px;
    max-width:calc(100% - 36px);

    display:flex;
    flex-direction:column;
    align-items:stretch;

    gap:0;

    margin:0 auto;
    padding:0;

    overflow:hidden;

    border:1px solid rgba(2,85,27,.14);
    border-radius:13px;

    background:rgba(255,255,255,.96);

    box-shadow:
      0 8px 22px rgba(0,0,0,.11);

    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
  }


  /* -------------------------------------------------------
     TÉLÉPHONE — ligne principale
     ------------------------------------------------------- */

  #sudexpert-site-header .sx2-brand-phone{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:7px;

    margin:0;
    padding:10px 15px 8px;

    color:var(--sx-header-green) !important;

    background:
      linear-gradient(
        180deg,
        rgba(146,209,79,.13),
        rgba(146,209,79,.055)
      );

    font-size:22px;
    line-height:1.05;
    font-weight:950;

    letter-spacing:.015em;

    text-shadow:none;

    text-decoration:none !important;
  }


  #sudexpert-site-header .sx2-brand-phone::before{
    content:"";

    width:17px;
    height:17px;

    flex:0 0 17px;

    margin:0;

    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2302551b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 3.09 5.18 2 2 0 0 1 5.07 3h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L9 10.7a16 16 0 0 0 4.3 4.3l1.24-1.24a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
  }


  #sudexpert-site-header .sx2-brand-phone:hover{
    color:var(--sx-header-green-dark) !important;

    background:
      rgba(146,209,79,.17);

    transform:none;
  }


  /* -------------------------------------------------------
     E-MAIL — seconde ligne distincte
     ------------------------------------------------------- */

  #sudexpert-site-header .sx2-brand-email{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:6px;

    margin:0;
    padding:7px 15px 8px;

    border-top:
      1px solid rgba(2,85,27,.10);

    color:#465047 !important;

    background:
      rgba(255,255,255,.98);

    font-size:11.5px;
    line-height:1.2;
    font-weight:800;

    letter-spacing:.005em;

    text-shadow:none;

    text-decoration:none !important;
  }


  #sudexpert-site-header .sx2-brand-email::before{
    content:"";

    width:13px;
    height:13px;

    flex:0 0 13px;

    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23465047' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");

    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    opacity:.82;
  }


  #sudexpert-site-header .sx2-brand-email:hover{
    color:var(--sx-header-green) !important;

    background:#fff;
  }

}


@media(max-width:420px){

  #sudexpert-site-header .sx2-brand-contact{
    min-width:216px;
    max-width:calc(100% - 28px);

    border-radius:12px;
  }


  #sudexpert-site-header .sx2-brand-phone{
    padding:9px 13px 7px;

    font-size:20px;
  }


  #sudexpert-site-header .sx2-brand-phone::before{
    width:16px;
    height:16px;

    flex-basis:16px;
  }


  #sudexpert-site-header .sx2-brand-email{
    padding:7px 13px 8px;

    font-size:11px;
  }


  #sudexpert-site-header .sx2-brand-email::before{
    width:12px;
    height:12px;

    flex-basis:12px;
  }

}