/* Mégamenus TP & Bâtiment / Energie Industrie / Matériel Eco (global sections Salient, HTML dans un bloc Raw HTML).
   Ajustements responsive du menu desktop (visible à partir de 1301px, le burger prend le relais en dessous) :
   - le mégamenu tient toujours dans la hauteur de l'écran : les colonnes 1 et 2 défilent, l'en-tête et l'image restent visibles ;
   - colonnes 1 et 2 élargies pour éviter les libellés sur deux lignes, l'image prend le reste ;
   - version compacte des catégories sur les écrans peu hauts (portables 1366x768, 1536x864...). */
@media (min-width: 1000px) {
  #header-outer #top nav .nectar-global-section-megamenu {
    /* 135px = bas du header, 24px = marge sous le mégamenu */
    --mm-max-h: calc(100vh - 135px - 24px);
    /* hauteur disponible pour les colonnes : moins l'en-tête du mégamenu (81px) */
    --mm-cols-h: calc(var(--mm-max-h) - 81px);
    max-height: var(--mm-max-h);
    overflow: hidden;
  }

  #header-outer .nectar-global-section-megamenu .nav-grid {
    grid-template-columns: clamp(320px, 29%, 400px) clamp(280px, 29%, 420px) minmax(0, 1fr);
    min-height: min(540px, var(--mm-cols-h));
  }

  #header-outer .nectar-global-section-megamenu .col-1,
  #header-outer .nectar-global-section-megamenu .col-2 {
    max-height: var(--mm-cols-h);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
  }

  #header-outer .nectar-global-section-megamenu .col-3 {
    background-position: center;
  }
  #header-outer .nectar-global-section-megamenu .col-3-content {
    padding: 32px 24px;
  }
}

/* Écrans peu hauts : catégories plus compactes pour limiter le défilement */
@media (min-width: 1000px) and (max-height: 900px) {
  #header-outer .nectar-global-section-megamenu :is(.cat-item, .cat-item-indu, .cat-item-eco) {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  #header-outer .nectar-global-section-megamenu :is(.cat-item, .cat-item-indu, .cat-item-eco) .icon {
    width: 36px;
    height: 36px;
  }
  #header-outer .nectar-global-section-megamenu .col-2 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  #header-outer .nectar-global-section-megamenu .col-2 h3 {
    margin-bottom: 12px;
  }
  #header-outer .nectar-global-section-megamenu .subcat-list li a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}