/* =========================================================
SCBH MEGA MENU
Fichier complet à remplacer
========================================================= */

:root{
  --scbh-blue:#2754F9;
  --scbh-blue-dark:#1E2F9F;
  --scbh-header-h:82px;
  --scbh-card-bg:#f7f7f8;
  --scbh-card-border:#dfe5ee;
  --scbh-text:#111827;

  --scbh-mobile-bottom-h:176px;
  --scbh-mobile-top-pad:14px;
  --scbh-mobile-side-pad:18px;
}

/* ---------------------------------------------------------
BASE
--------------------------------------------------------- */
html,
body{
  overflow-x:hidden !important;
}

.products-scbh{
  position:relative;
}

.products-scbh > a{
  cursor:pointer;
}

.et-l--header,
.et-l--header .et_pb_section,
.et-l--header .et_pb_row,
.et-l--header .et_pb_column,
.et_pb_menu,
.et_pb_menu .et_pb_menu__wrap,
.et_pb_menu .et_pb_menu__menu,
.et_pb_menu .et-menu-nav,
.et_pb_menu nav,
.et_pb_menu nav > ul{
  overflow:visible !important;
}

.products-scbh > .sub-menu,
.products-scbh > .sub-menu *{
  box-sizing:border-box !important;
}

/* verrouille le scroll global quand le menu mobile est ouvert */
html.scbh-scroll-lock,
body.scbh-scroll-lock{
  overflow:hidden !important;
  height:100dvh !important;
}

/* ---------------------------------------------------------
DESKTOP + TABLETTE
Force le mega menu custom
--------------------------------------------------------- */
@media (min-width:981px){

  /* on s'assure qu'on n'utilise pas l'overlay mobile */
  .scbh-mobile-overlay{
    display:none !important;
  }

  .et_pb_menu .products-scbh,
  .et_pb_menu__menu .products-scbh,
  .et-menu-nav .products-scbh{
    position:static !important;
  }

  .et_pb_menu .products-scbh > .sub-menu,
  .et_pb_menu__menu .products-scbh > .sub-menu,
  .et-menu-nav .products-scbh > .sub-menu{
    position:absolute !important;
    top:100% !important;
    left:50% !important;
    right:auto !important;

    margin:0 !important;
    list-style:none !important;

    background:var(--scbh-card-bg) !important;
    border:none !important;
    border-top:4px solid var(--scbh-blue) !important;
    border-radius:0 0 22px 22px !important;
    box-shadow:0 20px 50px rgba(0,0,0,.14) !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:99999 !important;

    transition:opacity .22s ease, visibility .22s ease, transform .22s ease !important;
  }

  .et_pb_menu .products-scbh > .sub-menu::before,
  .et_pb_menu__menu .products-scbh > .sub-menu::before,
  .et-menu-nav .products-scbh > .sub-menu::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-24px;
    height:24px;
    background:transparent;
  }

  .et_pb_menu .products-scbh:hover > .sub-menu,
  .et_pb_menu .products-scbh:focus-within > .sub-menu,
  .et_pb_menu__menu .products-scbh:hover > .sub-menu,
  .et_pb_menu__menu .products-scbh:focus-within > .sub-menu,
  .et-menu-nav .products-scbh:hover > .sub-menu,
  .et-menu-nav .products-scbh:focus-within > .sub-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .et_pb_menu .products-scbh > .sub-menu > li,
  .et_pb_menu__menu .products-scbh > .sub-menu > li,
  .et-menu-nav .products-scbh > .sub-menu > li{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    list-style:none !important;
    display:flex !important;
  }

  .et_pb_menu .products-scbh > .sub-menu > li > a,
  .et_pb_menu__menu .products-scbh > .sub-menu > li > a,
  .et-menu-nav .products-scbh > .sub-menu > li > a{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-height:100% !important;
    gap:12px !important;
    padding:14px !important;

    background:var(--scbh-card-bg) !important;
    border:1px solid var(--scbh-card-border) !important;
    border-radius:18px !important;

    white-space:normal !important;
    text-decoration:none !important;
    color:var(--scbh-text) !important;
    line-height:1.28 !important;
    font-weight:700 !important;

    transition:transform .22s ease, color .22s ease, box-shadow .22s ease, border-color .22s ease !important;
  }

  .et_pb_menu .products-scbh > .sub-menu > li > a:hover,
  .et_pb_menu__menu .products-scbh > .sub-menu > li > a:hover,
  .et-menu-nav .products-scbh > .sub-menu > li > a:hover{
    color:var(--scbh-blue) !important;
    border-color:#cfd8e6 !important;
    box-shadow:0 10px 28px rgba(0,0,0,.07) !important;
  }

  .et_pb_menu .products-scbh > .sub-menu > li > a::before,
  .et_pb_menu__menu .products-scbh > .sub-menu > li > a::before,
  .et-menu-nav .products-scbh > .sub-menu > li > a::before{
    content:"";
    display:block;
    width:100%;
    border-radius:14px;
    background-color:#eceff4;
    background-image:var(--mm-img);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    flex:0 0 auto;
  }

  .et_pb_menu .products-scbh > .sub-menu > li > a::after,
  .et_pb_menu__menu .products-scbh > .sub-menu > li > a::after,
  .et-menu-nav .products-scbh > .sub-menu > li > a::after{
    display:none !important;
    content:none !important;
  }
}

/* ---------------------------------------------------------
DESKTOP
--------------------------------------------------------- */
@media (min-width:1181px){

  .et_pb_menu .products-scbh > .sub-menu,
  .et_pb_menu__menu .products-scbh > .sub-menu,
  .et-menu-nav .products-scbh > .sub-menu{
    transform:translate(-50%, 18px) !important;
    width:min(1320px, calc(100vw - 48px)) !important;
    max-width:min(1320px, calc(100vw - 48px)) !important;
    padding:20px !important;
    display:grid !important;
    grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
  }

  .et_pb_menu .products-scbh:hover > .sub-menu,
  .et_pb_menu .products-scbh:focus-within > .sub-menu,
  .et_pb_menu__menu .products-scbh:hover > .sub-menu,
  .et_pb_menu__menu .products-scbh:focus-within > .sub-menu,
  .et-menu-nav .products-scbh:hover > .sub-menu,
  .et-menu-nav .products-scbh:focus-within > .sub-menu{
    transform:translate(-50%, 12px) !important;
  }

  .et_pb_menu .products-scbh > .sub-menu > li > a,
  .et_pb_menu__menu .products-scbh > .sub-menu > li > a,
  .et-menu-nav .products-scbh > .sub-menu > li > a{
    font-size:16px !important;
  }

  .et_pb_menu .products-scbh > .sub-menu > li > a:hover,
  .et_pb_menu__menu .products-scbh > .sub-menu > li > a:hover,
  .et-menu-nav .products-scbh > .sub-menu > li > a:hover{
    transform:translateY(-2px) !important;
  }

  .et_pb_menu .products-scbh > .sub-menu > li > a::before,
  .et_pb_menu__menu .products-scbh > .sub-menu > li > a::before,
  .et-menu-nav .products-scbh > .sub-menu > li > a::before{
    aspect-ratio:1.25 / 1 !important;
  }
}

/* ---------------------------------------------------------
TABLETTE
--------------------------------------------------------- */
@media (min-width:981px) and (max-width:1180px){

  .et_pb_menu .products-scbh > .sub-menu,
  .et_pb_menu__menu .products-scbh > .sub-menu,
  .et-menu-nav .products-scbh > .sub-menu{
    transform:translate(-50%, 16px) !important;
    width:min(960px, calc(100vw - 32px)) !important;
    max-width:min(960px, calc(100vw - 32px)) !important;
    padding:18px !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
  }

  .et_pb_menu .products-scbh:hover > .sub-menu,
  .et_pb_menu .products-scbh:focus-within > .sub-menu,
  .et_pb_menu__menu .products-scbh:hover > .sub-menu,
  .et_pb_menu__menu .products-scbh:focus-within > .sub-menu,
  .et-menu-nav .products-scbh:hover > .sub-menu,
  .et-menu-nav .products-scbh:focus-within > .sub-menu{
    transform:translate(-50%, 10px) !important;
  }

  .et_pb_menu .products-scbh > .sub-menu > li > a,
  .et_pb_menu__menu .products-scbh > .sub-menu > li > a,
  .et-menu-nav .products-scbh > .sub-menu > li > a{
    font-size:15px !important;
    min-height:220px !important;
    justify-content:space-between !important;
  }

  .et_pb_menu .products-scbh > .sub-menu > li > a::before,
  .et_pb_menu__menu .products-scbh > .sub-menu > li > a::before,
  .et-menu-nav .products-scbh > .sub-menu > li > a::before{
    aspect-ratio:1.42 / 1 !important;
  }
}

/* ---------------------------------------------------------
MOBILE OVERLAY CUSTOM
--------------------------------------------------------- */
@media (max-width:980px){

  body.scbh-mobile-overlay-ready .et_pb_menu .et_mobile_menu{
    display:none !important;
  }

  .mobile_nav,
  .et_mobile_nav_menu{
    position:relative !important;
    z-index:100020 !important;
  }

  /* on garde le bouton Divi mais on masque son pictogramme quand notre croix custom est affichée */
  .mobile_menu_bar{
    position:fixed !important;
    top:var(--scbh-mobile-top-pad) !important;
    right:var(--scbh-mobile-side-pad) !important;
    left:auto !important;
    bottom:auto !important;
    width:42px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    z-index:100021 !important;
  }

  .mobile_menu_bar:before{
    color:var(--scbh-blue) !important;
    transition:opacity .2s ease !important;
  }

  body.scbh-mobile-open .mobile_menu_bar:before{
    opacity:0 !important;
  }

  /* masque boutons fixes éventuels */
  body.scbh-mobile-open .fixed-buttons,
  body.scbh-mobile-open .yod-fixed-buttons,
  body.scbh-mobile-open .contact-fixed,
  body.scbh-mobile-open .floating-buttons,
  body.scbh-mobile-open .phone-mail-fixed,
  body.scbh-mobile-open .fixed-cta,
  body.scbh-mobile-open .side-fixed-buttons,
  body.scbh-mobile-open .quick-contact,
  body.scbh-mobile-open .fixed-contact-buttons{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .scbh-mobile-overlay{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    overflow:hidden !important;
    background:var(--scbh-blue) !important;
    z-index:100010 !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .25s ease, visibility .25s ease !important;
  }

  body.scbh-mobile-open .scbh-mobile-overlay{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .scbh-mobile-overlay__top,
  .scbh-mobile-overlay__middle,
  .scbh-mobile-overlay__middle-inner,
  .scbh-mobile-overlay__menu,
  .scbh-mobile-overlay__bottom,
  .scbh-mobile-overlay__bottom-inner{
    background:var(--scbh-blue) !important;
  }

  .scbh-mobile-overlay__top{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:var(--scbh-header-h) !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    padding:14px 76px 10px !important;
    z-index:3 !important;
  }

  .scbh-mobile-overlay__logo{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    max-width:170px !important;
    pointer-events:auto !important;
  }

  .scbh-mobile-overlay__logo img{
    display:block !important;
    width:100% !important;
    height:auto !important;
  }

  /* vraie croix visible */
  .scbh-mobile-overlay__close{
    position:fixed !important;
    top:var(--scbh-mobile-top-pad) !important;
    right:var(--scbh-mobile-side-pad) !important;
    width:42px !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    color:#ffffff !important;
    font-size:40px !important;
    line-height:1 !important;
    font-weight:300 !important;
    cursor:pointer !important;
    z-index:100022 !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.scbh-mobile-open .scbh-mobile-overlay__close{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .scbh-mobile-overlay__middle{
    position:absolute !important;
    top:var(--scbh-header-h) !important;
    left:0 !important;
    right:0 !important;
    bottom:var(--scbh-mobile-bottom-h) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    z-index:1 !important;
  }

  .scbh-mobile-overlay__middle-inner{
    min-height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:20px 24px !important;
  }

  .scbh-mobile-overlay__menu{
    width:100% !important;
    max-width:540px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    text-align:center !important;
  }

  .scbh-mobile-overlay__menu a{
    display:block !important;
    color:#ffffff !important;
    text-decoration:none !important;
    font-weight:700 !important;
    font-size:clamp(16px, 4.2vw, 24px) !important;
    line-height:1.18 !important;
    padding:2px 0 !important;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
  }

  .scbh-mobile-overlay__menu a:hover{
    opacity:.86 !important;
  }

  .scbh-mobile-overlay__bottom{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    min-height:var(--scbh-mobile-bottom-h) !important;
    padding:16px 20px calc(16px + env(safe-area-inset-bottom)) !important;
    z-index:3 !important;
  }

  .scbh-mobile-overlay__bottom-inner{
    width:100% !important;
    max-width:540px !important;
    margin:0 auto !important;
  }

  .scbh-mobile-overlay__cta-row{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
    margin-bottom:16px !important;
  }

  .scbh-mobile-overlay__pill{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:10px 12px !important;
    border-radius:14px !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    text-align:center !important;
    text-decoration:none !important;
  }

  .scbh-mobile-overlay__pill--light{
    background:#ffffff !important;
    color:var(--scbh-blue-dark) !important;
  }

  .scbh-mobile-overlay__pill--dark{
    background:#1f2577 !important;
    color:#ffffff !important;
  }

  .scbh-mobile-overlay__divider{
    height:1px !important;
    background:rgba(255,255,255,.45) !important;
    margin:0 0 16px !important;
  }

  .scbh-mobile-overlay__client{
    display:flex !important;
    justify-content:center !important;
  }

  .scbh-mobile-overlay__client a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:220px !important;
    min-height:42px !important;
    padding:10px 18px !important;
    border:2px solid rgba(255,255,255,.78) !important;
    border-radius:16px !important;
    color:#ffffff !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    background:transparent !important;
  }
}

@media (max-width:480px){
  :root{
    --scbh-mobile-top-pad:12px;
    --scbh-mobile-side-pad:16px;
    --scbh-mobile-bottom-h:168px;
  }

  .scbh-mobile-overlay__top{
    padding:12px 64px 8px !important;
  }

  .scbh-mobile-overlay__logo{
    max-width:150px !important;
  }

  .scbh-mobile-overlay__middle-inner{
    padding:16px 20px !important;
  }

  .scbh-mobile-overlay__menu{
    gap:12px !important;
  }

  .scbh-mobile-overlay__menu a{
    font-size:clamp(14px, 5.2vw, 20px) !important;
  }

  .scbh-mobile-overlay__bottom{
    padding:14px 16px calc(14px + env(safe-area-inset-bottom)) !important;
  }

  .scbh-mobile-overlay__cta-row{
    gap:10px !important;
    margin-bottom:14px !important;
  }

  .scbh-mobile-overlay__pill{
    min-height:40px !important;
    font-size:11px !important;
  }

  .scbh-mobile-overlay__client a{
    min-width:190px !important;
    min-height:40px !important;
    font-size:13px !important;
  }

  .mobile_menu_bar,
  .scbh-mobile-overlay__close{
    width:38px !important;
    height:38px !important;
  }

  .scbh-mobile-overlay__close{
    font-size:36px !important;
  }
}

/* ---------------------------------------------------------
IMAGES DES 6 CARTES
--------------------------------------------------------- */
.products-scbh > .sub-menu > li:nth-child(1) > a{
  --mm-img:url("/wp-content/uploads/2026/02/scbh-Portillon-piétons.jpg");
}

.products-scbh > .sub-menu > li:nth-child(2) > a{
  --mm-img:url("/wp-content/uploads/2026/02/scbh-portes-basculante-automatiques.jpg");
}

.products-scbh > .sub-menu > li:nth-child(3) > a{
  --mm-img:url("/wp-content/uploads/2026/02/scbh-Portails-coulissants-automatiques.jpg");
}

.products-scbh > .sub-menu > li:nth-child(4) > a{
  --mm-img:url("/wp-content/uploads/2026/02/scbh-Portails-battants.jpg");
}

.products-scbh > .sub-menu > li:nth-child(5) > a{
  --mm-img:url("/wp-content/uploads/2026/02/scbh-Portails-autoportants.jpg");
}

.products-scbh > .sub-menu > li:nth-child(6) > a{
  --mm-img:url("/wp-content/uploads/2026/02/scbh-porte-pliantes.jpg");
}


/* =========================================================
SCBH MEGA MENU - VOTRE MÉTIER
Desktop + tablette uniquement
========================================================= */

@media (min-width:981px){

  .et_pb_menu .metiers-scbh,
  .et_pb_menu__menu .metiers-scbh,
  .et-menu-nav .metiers-scbh{
    position:static !important;
  }

  .et_pb_menu .metiers-scbh > .sub-menu,
  .et_pb_menu__menu .metiers-scbh > .sub-menu,
  .et-menu-nav .metiers-scbh > .sub-menu{
    position:absolute !important;
    top:100% !important;
    left:50% !important;
    right:auto !important;
    transform:translate(-50%, 16px) !important;

    margin:0 !important;
    padding:18px !important;
    list-style:none !important;

    display:grid !important;
    grid-template-columns:1.15fr 1fr 1fr !important;
    gap:16px !important;
    align-items:stretch !important;

    background:#f7f7f8 !important;
    border:none !important;
    border-top:4px solid #2754F9 !important;
    border-radius:0 0 22px 22px !important;
    box-shadow:0 20px 50px rgba(0,0,0,.14) !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:99999 !important;

    transition:opacity .22s ease, visibility .22s ease, transform .22s ease !important;
    box-sizing:border-box !important;
  }

  .et_pb_menu .metiers-scbh > .sub-menu::before,
  .et_pb_menu__menu .metiers-scbh > .sub-menu::before,
  .et-menu-nav .metiers-scbh > .sub-menu::before{
    content:"Deux approches, un même niveau d’exigence\A\AQue vous soyez installateur ou prescripteur, SCBH vous accompagne avec des solutions fiables, durables et pensées pour le terrain. Accédez à l’univers qui correspond à votre métier pour découvrir les services, les ressources et l’accompagnement qui vous sont dédiés.";
    white-space:pre-line;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    min-height:100%;
    padding:22px;
    box-sizing:border-box;

    background:linear-gradient(135deg, rgba(39,84,249,0.08), rgba(39,84,249,0.02));
    border:1px solid #dfe5ee;
    border-radius:18px;

    color:#111827;
    font-size:15px;
    line-height:1.6;
    font-weight:600;
  }

  .et_pb_menu .metiers-scbh > .sub-menu::after,
  .et_pb_menu__menu .metiers-scbh > .sub-menu::after,
  .et-menu-nav .metiers-scbh > .sub-menu::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-24px;
    height:24px;
    background:transparent;
  }

  .et_pb_menu .metiers-scbh:hover > .sub-menu,
  .et_pb_menu .metiers-scbh:focus-within > .sub-menu,
  .et_pb_menu__menu .metiers-scbh:hover > .sub-menu,
  .et_pb_menu__menu .metiers-scbh:focus-within > .sub-menu,
  .et-menu-nav .metiers-scbh:hover > .sub-menu,
  .et-menu-nav .metiers-scbh:focus-within > .sub-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%, 10px) !important;
  }

  .et_pb_menu .metiers-scbh > .sub-menu > li,
  .et_pb_menu__menu .metiers-scbh > .sub-menu > li,
  .et-menu-nav .metiers-scbh > .sub-menu > li{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    list-style:none !important;
    display:flex !important;
  }

  .et_pb_menu .metiers-scbh > .sub-menu > li > a,
  .et_pb_menu__menu .metiers-scbh > .sub-menu > li > a,
  .et-menu-nav .metiers-scbh > .sub-menu > li > a{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:12px !important;
    width:100% !important;
    min-height:100% !important;
    padding:14px !important;
    box-sizing:border-box !important;

    background:#f7f7f8 !important;
    border:1px solid #dfe5ee !important;
    border-radius:18px !important;

    text-decoration:none !important;
    white-space:normal !important;
    color:#111827 !important;
    font-size:18px !important;
    line-height:1.3 !important;
    font-weight:700 !important;

    transition:transform .22s ease, color .22s ease, box-shadow .22s ease, border-color .22s ease !important;
  }

  .et_pb_menu .metiers-scbh > .sub-menu > li > a:hover,
  .et_pb_menu__menu .metiers-scbh > .sub-menu > li > a:hover,
  .et-menu-nav .metiers-scbh > .sub-menu > li > a:hover{
    color:#2754F9 !important;
    transform:translateY(-2px) !important;
    border-color:#cfd8e6 !important;
    box-shadow:0 10px 28px rgba(0,0,0,.07) !important;
  }

  .et_pb_menu .metiers-scbh > .sub-menu > li > a::before,
  .et_pb_menu__menu .metiers-scbh > .sub-menu > li > a::before,
  .et-menu-nav .metiers-scbh > .sub-menu > li > a::before{
    content:"";
    display:block;
    width:100%;
    aspect-ratio:1.25 / 1;
    border-radius:14px;
    background-color:#eceff4;
    background-image:var(--mm-metier-img);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    flex:0 0 auto;
  }

  .et_pb_menu .metiers-scbh > .sub-menu > li > a::after,
  .et_pb_menu__menu .metiers-scbh > .sub-menu > li > a::after,
  .et-menu-nav .metiers-scbh > .sub-menu > li > a::after{
    content:"Découvrir";
    margin-top:auto;
    font-size:13px;
    line-height:1.2;
    font-weight:700;
    color:#2754F9;
  }
}

/* ---------------------------------------------------------
DESKTOP
--------------------------------------------------------- */
@media (min-width:1181px){

  .et_pb_menu .metiers-scbh > .sub-menu,
  .et_pb_menu__menu .metiers-scbh > .sub-menu,
  .et-menu-nav .metiers-scbh > .sub-menu{
    width:min(1080px, calc(100vw - 48px)) !important;
    max-width:min(1080px, calc(100vw - 48px)) !important;
  }
}

/* ---------------------------------------------------------
TABLETTE
--------------------------------------------------------- */
@media (min-width:981px) and (max-width:1180px){

  .et_pb_menu .metiers-scbh > .sub-menu,
  .et_pb_menu__menu .metiers-scbh > .sub-menu,
  .et-menu-nav .metiers-scbh > .sub-menu{
    width:min(920px, calc(100vw - 32px)) !important;
    max-width:min(920px, calc(100vw - 32px)) !important;
    grid-template-columns:1fr 1fr 1fr !important;
  }

  .et_pb_menu .metiers-scbh > .sub-menu::before,
  .et_pb_menu__menu .metiers-scbh > .sub-menu::before,
  .et-menu-nav .metiers-scbh > .sub-menu::before{
    font-size:14px;
    line-height:1.55;
    padding:20px;
  }

  .et_pb_menu .metiers-scbh > .sub-menu > li > a,
  .et_pb_menu__menu .metiers-scbh > .sub-menu > li > a,
  .et-menu-nav .metiers-scbh > .sub-menu > li > a{
    font-size:16px !important;
  }
}

/* ---------------------------------------------------------
IMAGES DES 2 CARTES MÉTIERS
--------------------------------------------------------- */
.metiers-scbh > .sub-menu > li:nth-child(1) > a{
  --mm-metier-img:url("/wp-content/uploads/2026/02/scbh-porte-pliantes.jpg");
}

.metiers-scbh > .sub-menu > li:nth-child(2) > a{
  --mm-metier-img:url("/wp-content/uploads/2026/02/scbh-Portails-battants.jpg");
}