/* =========================================================
   Nav TC - même style que #site-navigation-domaines
   ========================================================= */

#site-navigation-tc {
  position: fixed;
  top: 118px;
  bottom: calc(100% - 118px);
  left: 0;
  right: 0;
  background: #555;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: bottom 0.5s ease;
}

#site-navigation-tc:before {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: url("../images/menu_background.jpg") center/cover no-repeat;
  mix-blend-mode: overlay;
  opacity: 0.2;
}

#site-navigation-tc.open { bottom: 0; }
#site-navigation-tc.opened { overflow: auto; }

#site-navigation-tc .domaines-menu-container {
  position: relative;
  padding: 2rem 0;
  width: 100%;
  max-width: 85.4vw;
  margin-left: auto;
  margin-right: auto;
}

#site-navigation-tc .domaines-menu-container .menu-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--global--color-white);
}

#site-navigation-tc .domaines-menu-container .menu-wrapper a {
  color: var(--global--color-white);
  text-decoration: none;
}

#site-navigation-tc .close {
  position: relative;
  margin-top: auto;
  text-align: right;
  width: 100%;
  max-width: 85.4vw;
  margin-left: auto;
  margin-right: auto;
}

#site-navigation-tc .close a {
  color: var(--global--color-white);
  font-size: 3rem;
  font-weight: 200;
  text-decoration: none;
}

/* =========================================================
   Direct-list : items affichés sans accordion parent
   ========================================================= */

#site-navigation-domaines .direct-list,
#site-navigation-tc .direct-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding-top: 2.5rem;
}

/* Override les styles "parent item" hérités du CSS existant */
#site-navigation-domaines .direct-list > li > a,
#site-navigation-tc .direct-list > li > a {
  font-size: 1.25rem !important;
  display: inline-block !important;
  border-bottom: 2px solid transparent !important;
  padding: 0 !important;
  position: static !important;
}

/* Supprimer flèches/+/- des parent items */
#site-navigation-domaines .direct-list > li > a:before,
#site-navigation-domaines .direct-list > li > a:after,
#site-navigation-tc .direct-list > li > a:before,
#site-navigation-tc .direct-list > li > a:after {
  display: none !important;
}

#site-navigation-domaines .direct-list > li,
#site-navigation-tc .direct-list > li {
  flex: 0 0 33.3333%;
  margin: 0.85rem 0 0 !important;
  letter-spacing: var(--global--letter-spacing-md);
}

@media only screen and (min-width: 1100px) {
  #site-navigation-domaines .direct-list > li > a:hover,
  #site-navigation-tc .direct-list > li > a:hover {
    font-weight: bold;
    border-color: var(--global--color-white);
  }
}

/* =========================================================
   Menu principal - fixes desktop
   ========================================================= */

@media only screen and (min-width: 1100px) {

  /* 1. Espace entre logo et premier item */
  .primary-navigation {
    padding-left: 35px;
  }

  /* 2. Centrage vertical : padding symétrique sur les liens */
  .primary-navigation .primary-menu-container > ul > .menu-item > a {
    padding-top: var(--primary-nav--padding);   /* retire le +7px */
    padding-bottom: var(--primary-nav--padding);
  }

  /* 3. Empêche le retour à la ligne (sauf item TC) */
  .primary-navigation > div > .menu-wrapper li {
    white-space: nowrap;
  }

  /* 4. Autoriser le retour à la ligne pour "Trauma crânien <br> et grand handicap" */
  .primary-navigation > div > .menu-wrapper li.trigger-section-tc {
    white-space: normal;
    text-align: center;
  }

  /* 5. Responsive : réduire font-size et padding quand l'écran rétrécit */
  .primary-navigation .primary-menu-container > ul > .menu-item > a {
    font-size: clamp(0.65rem, 1.05vw, 0.875rem);
    padding-left: clamp(10px, 1.5vw, var(--primary-nav--padding));
    padding-right: clamp(10px, 1.5vw, var(--primary-nav--padding));
  }

}