/* ===================================================================================

* Theme Name: Exhibz Child
* Theme URI: https://themeforest.net/user/tripples/portfolio
* Description: Exhibz is a functional Event and Conference WordPress Theme.
* Version: 2.0
* Author: Tripples
* Author URI: http://www.themewinter.com
* Template: exhibz
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/* Suppression du breadcrumb - option cassée sur le thème */
.breadcrumb {
    display: none !important;
}

/* Liens généraux */
a {
  color: #6C4DFF;
  text-decoration: none;
  transition: color 0.2s ease;
}

/* Visités */
a:visited {
  color: #4A2EBF;
}

/* Survol + focus clavier */
a:hover,
a:focus {
  color: #9D82FF;
  text-decoration: underline;
}

h2.banner-title {
  font-family: "futura-pt", sans-serif !important;
  font-weight: 700 !important;   /* grosse graisse */
  font-size: 80px !important;    /* garder la taille actuelle */
  line-height: 1.1;
  color: #DED5FA !important;
  text-transform:uppercase;
}



/* ===== HEADER (compact, avec Eventbrite) ===== */

/* Fond + hauteur */
#header,
.header-transparent { background:#221746 !important; }
html body header#header.header.header-transparent.navbar-fixed {
  height:80px !important; min-height:80px !important;
}

/* Structure & centrage vertical */
#header .row,
#header nav.navbar,
#header .navbar-nav,
#header .navbar-nav .nav-item,
#header .col-lg-3.col-6.align-self-center,
#header .col-lg-2.d-none.d-lg-block {
  display:flex !important; align-items:center !important;
}
#header .col-lg-2.d-none.d-lg-block { justify-content:flex-end !important; }

/* Liens du menu (par défaut) */
#header .navbar-nav .nav-link{
  font-family:futura-pt,sans-serif; font-weight:600; font-style:italic;
  font-size:1.1rem; height:80px; line-height:1;
  display:flex; align-items:center; white-space:nowrap;
  padding:0 12px !important;
  color:#EAE6FF !important;
}

/* Lien INSCRIPTION (Eventbrite) → style bouton */
#header .navbar-nav .nav-link[href*="eventbrite"] {
  background:linear-gradient(90deg,#3B328F,#5A479C);
  color:#fff !important;
  font-style:normal; /* pas en italique */
  padding:0 20px !important;
  height:40px; line-height:1;
  display:flex; align-items:center; justify-content:center;
  border:0; border-radius:0;
  box-shadow:0 6px 12px rgba(0,0,0,.25);
  margin:0 0 0 8px;
}

/* Supprime le caret dropdown */
#header .nav-item.dropdown > a.nav-link.dropdown-toggle::after{ display:none !important; }

/* Logo (proportions conservées) */
#header .navbar-brand{ flex:0 0 auto; }
#header .logo img{
  max-height:36px !important; height:auto !important; width:auto !important;
  max-width:none !important; object-fit:contain;
}

/* Dropdown panel */
#header .dropdown-menu{
  background:#2b2156; border:1px solid #5A479C; border-radius:0;
  padding:0; min-width:220px; box-shadow:0 8px 24px rgba(0,0,0,.35);
  margin-top:0; z-index:1000;
}

/* Dropdown items */
#header .dropdown-menu .dropdown-item{
  font-family:futura-pt,sans-serif; font-weight:600; font-style:italic; text-transform:uppercase;
  font-size:1rem; color:#EAE6FF; padding:12px 16px;
  display:block; width:100%; white-space:nowrap; border:0 !important;
}
#header .dropdown-menu .dropdown-item:hover,
#header .dropdown-menu .dropdown-item:focus{
  background:#5A479C; color:#fff; text-decoration:none;
}

/* Retire le diviseur par défaut */
#header .dropdown-menu .dropdown-divider{ display:none !important; }

/* */

/* === Compact: burger custom centré === */
@media (max-width: 991.98px) {
  #header .navbar-toggler{
    width: 44px; height: 44px; padding: 0 !important;
    margin-left: auto;
    border: none !important;
    border-radius: 9999px;
    background: linear-gradient(90deg,#3B328F,#5A479C) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
    transition: transform .2s ease;
    position: relative;
  }
  #header .navbar-toggler:focus{ outline: none !important; box-shadow: none !important; }

  #header .navbar-toggler .navbar-toggler-icon,
  #header .navbar-toggler .icon,
  #header .navbar-toggler .icon-menu{ display: none !important; }

  /* barres centrées verticalement */
  #header .navbar-toggler::before,
  #header .navbar-toggler::after{
    content: ""; position: absolute; left: 11px; right: 11px;
    height: 2px; background: #fff; border-radius: 2px;
    transition: transform .25s ease, top .25s ease, box-shadow .2s ease;
  }
  #header .navbar-toggler::before{
    top: 15px;                      /* barre du haut */
    box-shadow: 0 7px 0 0 #fff;     /* barre du milieu à 22px */
  }
  #header .navbar-toggler::after{ top: 29px; } /* barre du bas */

  /* hover */
  #header .navbar-toggler:hover{ filter: brightness(1.06); }

  /* animation croix */
  #header .navbar-toggler[aria-expanded="true"]::before{
    top: 21px; transform: rotate(45deg);
    box-shadow: none;
  }
  #header .navbar-toggler[aria-expanded="true"]::after{
    top: 21px; transform: rotate(-45deg);
  }
}

/* === Menu compact : fond violet foncé === */
@media (max-width: 991.98px){
  #header ul#main-menu {
    background:#221746 !important;
    padding:20px !important;
    margin:0 !important;
  }
	
/* === Burger overlay prioritaire et plein écran (mobile ≤991.98px) === */
@media (max-width: 991.98px){

  /* Neutraliser tout transform qui crée un stacking context sur l’en-tête */
  #header,
  #header .container,
  #header .row,
  #header .navbar {
    transform: none !important;
    will-change: auto !important;
    z-index: 2147483640 !important; /* base haute */
  }

  /* Overlay du menu : occupe tout l’écran, au-dessus de tout */
  #header .navbar-collapse.collapse.show,
  #header .navbar-collapse.collapsing {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow-y: auto !important;
    background: #221746 !important;
    padding: 80px 24px 24px !important;
    z-index: 2147483646 !important; /* > à tout widget flottant */
    box-shadow: none !important;
  }

  /* Bouton burger : toujours cliquable au-dessus de l’overlay */
  #header .navbar-toggler {
    position: fixed !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 2147483647 !important; /* tout en haut */
    border: 0 !important;
    outline: none !important;
  }

  /* Menu empilé, pas de fond parasite interne */
  #header ul#main-menu { background: transparent !important; margin:0 !important; padding:0 !important; width:100% !important; }
  #header ul#main-menu > li { display:block !important; width:100% !important; margin:0 !important; border-bottom:1px solid rgba(255,255,255,.12) !important; }
  #header ul#main-menu > li:last-child { border-bottom:0 !important; }
  #header ul#main-menu a.nav-link,
  #header ul#main-menu .dropdown-item { display:block !important; color:#fff !important; padding:14px 0 !important; }

  /* Sous-menus déroulés dans le flux, sans overlay propre */
  #header #primary-nav .dropdown-menu {
    position: static !important;
    float: none !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 2147483646 !important; /* juste sous le toggler */
  }
}

/* === Ajustements visuels (mobile ≤991.98px) === */
@media (max-width: 991.98px){

  /* 1) Indentation claire des sous-menus */
  #header #primary-nav .dropdown-menu {
    margin-left: 16px !important;       /* décale tout le bloc */
    border-left: 2px solid rgba(255,255,255,.12) !important;
    padding-left: 8px !important;
  }
  #header #primary-nav .dropdown-menu .dropdown-item{
    padding-left: 12px !important;      /* décale chaque entrée */
    opacity: .95;
  }

  /* 2) Dernière entrée “Inscription” poussée en bas et séparée */
  #header ul#main-menu{
    display: flex !important;
    flex-direction: column !important;
    min-height: calc(100vh - 120px) !important; /* garde de l’air sous le header */
  }
  /* Cible l’item Eventbrite */
  #header ul#main-menu > li#menu-item-3362{
    margin-top: auto !important;        /* pousse en bas */
    padding-top: 16px !important;
    border-top: 1px solid rgba(255,255,255,.2) !important; /* séparation visuelle */
  }
  #header ul#main-menu > li#menu-item-3362 > a.nav-link{
    display: block !important;
    font-weight: 700 !important;
  }
}

	
	