/*
 Theme Name:     NPX-Divi
 Theme URI:      https://www.nicolas-pettex.com/
 Description:    NPX Divi
 Author:         Nicolas Pettex
 Author URI:     https://www.dwww.nicolas-pettex.com/
 Template:       Divi
 Version:        1.1.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


        .header-home-text{
            position: absolute;
            width: 100%;
            text-align: center;
            padding-top: 5vh!important;
            background-color: transparent;
            z-index: 1000;
        }   

        .header-home-text-mobile {
            position:relative;
            width: 100%;
            text-align: center;
        }


        /* Module Fullwidth Header transformé en conteneur vidéo */
        .header-home-video {
            position: relative;
            padding-bottom: 56.25%!important;
            height: 0;
        }




        /* Conteneur du player YouTube injecté */
        .header-home-video .yt-player {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          pointer-events: none; /* Pour laisser passer les interactions vers le contenu du header */
        }

        /* Style de l'iframe pour un effet "cover" */
        .header-home-video .yt-player iframe {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          min-width: 100%;
          min-height: 100%;
          width: auto;
          height: auto;
        }



        .home-header-movie .header-logo{
          max-height:250px !important;
          width: auto;
        }


        .et_pb_menu__search-button{
            display:none !important;
        }


/* === Row Divi : 2 colonnes égales + 3 espaces X = 12px === */
.et_pb_row.npx-show-activty {
  --x: 12px;
  display: grid;
  grid-template-columns: var(--x) minmax(0, 1fr) var(--x) minmax(0, 1fr) var(--x);
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
  overflow-x: clip;
}

/* Placer les 2 colonnes dans la grille */
.npx-show-activty > .et_pb_column:nth-child(1) { grid-column: 2; }
.npx-show-activty > .et_pb_column:nth-child(2) { grid-column: 4; }

/* Espacement vertical sous chaque colonne */
.npx-show-activty > .et_pb_column {
  padding-bottom: var(--x) !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  box-sizing: border-box;
}

/* Neutraliser marges et paddings internes de Divi */
.npx-show-activty .et_pb_module,
.npx-show-activty .et_pb_row_inner {
  margin: 0 !important;
  padding: 0 !important;
}

/* Supprimer le padding latéral de la section contenant cette row */
.et_pb_section:has(.et_pb_row.npx-show-activty),
.et_pb_section.npx-no-pad {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Responsive : 1 colonne avec mêmes espacements latéraux et verticaux */
@media (max-width: 767px) {
  .et_pb_row.npx-show-activty {
    grid-template-columns: var(--x) minmax(0, 1fr) var(--x);
    row-gap: var(--x);
  }
  .npx-show-activty > .et_pb_column {
    grid-column: 2 !important;
    padding-bottom: var(--x) !important;
  }
}


.npx-show-activty .et_pb_promo_description{
  margin-top:25px;
}

.npx-show-activty .et_pb_image{
  margin-top: 25px !important;
}


        .npx-menu-vertical {
          width: 200px;
          background-color: none;
          padding: 20px;
          border-radius: 8px;
        }

        .npx-menu-vertical ul {
          list-style: none;
          padding: 0;
          margin: 0;
        }

        .npx-menu-vertical ul li {
          margin-bottom: 15px;
        }

        .npx-menu-vertical ul li a {
          text-decoration: none;
          color: #333;
          font-weight: bold;
          display: block;
          padding: 8px 12px;
          border-radius: 4px;
          transition: background 0.3s;
        }

        .npx-menu-vertical ul li a:hover {
          background-color: #0073e6;
          color: white;
        }

        /* Toujours visible en mobile */
        @media only screen and (max-width: 980px) {
          /* Masquer SEULEMENT le burger à l'intérieur de ton menu vertical */
          .npx-menu-vertical .et_mobile_menu,
          .npx-menu-vertical .mobile_menu_bar {
            display: none !important;
          }

          /* Afficher ta version classique */
          .npx-menu-vertical {
            display: block !important;
          }
        }



.et-menu li.mega-menu > ul > li {
    width: 16.66% !important; /* 100/6 = 16,66% */
    float: left;
}

.et-menu li.mega-menu > ul > li > a {
    display: block;
    text-align: center;
    padding: 15px 10px;
}


/* Masquer le mega-menu sur tablettes */
@media (max-width: 980px) {
    .menu-image{
        display: none !important;
    }
}





.npx-price .dnxte_price_list_child{
  margin-bottom: :0;
}