/* =========================================================
   FÉY-LOISIRS
   EN-TÊTE ET NAVIGATION
   ========================================================= */


/* =========================================================
   TRANSITIONS DE L’EN-TÊTE
   ========================================================= */

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

  #masthead .site-main-header-inner-wrap {
    transition: min-height 0.25s ease;
  }

  #masthead .site-branding {
    transition: padding 0.25s ease;
  }

  #masthead .site-branding a.brand img {
    transition:
      width 0.25s ease,
      max-width 0.25s ease;
  }

  #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
  #masthead .secondary-navigation .secondary-menu-container > ul > li.menu-item > a {
    transition:
      padding 0.25s ease,
      color 0.2s ease;
  }

  #masthead .header-button {
    transition:
      padding 0.25s ease,
      background-color 0.2s ease,
      color 0.2s ease;
  }


  /* =======================================================
     ÉTAT RÉDUIT APRÈS DÉFILEMENT
     ======================================================= */

  #masthead .item-is-fixed:not(.item-at-start) .site-main-header-inner-wrap {
    min-height: 72px;
  }

  #masthead .item-is-fixed:not(.item-at-start) .site-branding {
    padding: 3px 8px;
  }

  #masthead .item-is-fixed:not(.item-at-start) .site-branding a.brand img {
    width: 92px;
    max-width: 92px;
    height: auto;
  }

  #masthead .item-is-fixed:not(.item-at-start)
  .main-navigation .primary-menu-container > ul > li.menu-item > a,
  #masthead .item-is-fixed:not(.item-at-start)
  .secondary-navigation .secondary-menu-container > ul > li.menu-item > a {
    padding-top: 0.35em;
    padding-bottom: 0.35em;
  }

  #masthead .item-is-fixed:not(.item-at-start) .header-button {
    padding: 0.55em 1.1em;
  }

    /*
    * Supprime toute ombre sur les conteneurs intérieurs.
    */
    #masthead .item-is-fixed:not(.item-at-start)
    .site-header-row-container-inner {
    box-shadow: none;
    }

    /*
    * Ombre uniquement sous l’ensemble de l’en-tête épinglé.
    */
    #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) {
    width: 100%;
    box-shadow: 0 14px 20px -16px rgba(37, 37, 42, 0.42);
    }
}


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

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

  #masthead .site-main-header-inner-wrap,
  #masthead .site-branding,
  #masthead .site-branding a.brand img,
  #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
  #masthead .secondary-navigation .secondary-menu-container > ul > li.menu-item > a,
  #masthead .header-button {
    transition: none;
  }
}