/* ===========================
   HEADER STYLES
=========================== */

.main_section_header {
  padding: 0px 0px;
  /* background-color: #000000; */
    /* background: linear-gradient(0deg, #000000 2.41%, rgba(0, 0, 0, 0) 97.12%); */
    /* background-color: #000; */
    position: absolute;
    z-index: 1000;
    width: 100%;
    background: linear-gradient(180deg, #000 2.41%, rgba(0, 0, 0, 0) 97.12%);
}

.main_section_header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%; /* ajustable : la hauteur du dégradé */
  /* background: linear-gradient(to bottom, rgba(0,0,0,0.6), transparent); */
  pointer-events: none; /* pour ne pas bloquer les clics sur le menu */
}



.site-header {
  width: 100%;
  background: #fff;
  z-index: 999;
  position: relative;
}

.site-header .navbar-brand img {
  height: 50px;
  width: auto;
}

.main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 25px;
}

.main-nav ul li a {
  text-decoration: none;
  color: #222;
  font-weight: 500;
  transition: color 0.2s ease;
}

/* .main-nav ul li a:hover {
  color: var(--color-primary);
} */

/* Submenu  */
.sub-menu li:hover {
  background-color: #E3051C;
  color: #fff;
/*   border-radius: 5px; */
}

.sub-menu li:hover a {
  color: #fff !important;
}

.site-navigation .menu-item-has-children > a {
  padding-right: 0px !important;
}
.site-navigation ul.menu li.menu-item-has-children::after {
  color: #fff !important;
}

.site-navigation ul.menu li.menu-item-has-children.current_page_item::after {
    color: #E3051C !important; /* nouvelle couleur du trait quand actif */
}

/* .sub-menu  .current-menu-item  a {
    width: 100% !important;
} */


/* Add arrow for sub menu */
.site-navigation .sub-menu li a::before,
.mobile-navigation .sub-menu li a::before {
    content: "➜"; /* ou "→", "›", "»", ton icône au choix */
    margin-right: 6px;
    font-size: 0.9em;
    display: inline-block;
    transform: translateY(1px);
}

/* Sub-menu = auto width , as text*/
.site-navigation .sub-menu li,
.site-navigation .sub-menu li a {
    white-space: nowrap;      /* Prevents line breaks */
    width: 100% !important;   /* Automatic width according to text */
    display: block;           /* Maintains blocking behavior */
}



/* Hover effect  */

/* Invisible red line by default */
.site-navigation .menu > li > a::after {
  content: '';
  position: absolute;
  left: 50%;                   /* cented bottom text*/
  bottom: 0;                   /* pasted at the bottom of the link */
  width: 0;                    /* not visible before hover */
  height: 2px;                 /* line thickness */
  background-color: #E3051C;       /* line color */
  transform: translateX(-50%);
  transition: width 0.3s ease; /* fluid effect */
}

/* ✅ Effet au survol */
.site-navigation .menu > li:hover > a::after {
  width: 60%; /* width of the line under the text (adjust as you wish: 40%, 80%, 100%, etc.) */
}


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

/* Mobile menu */

.menu-toggle-custom {
  background-color: #E3051C !important;
  padding: 6px 15px 11px 15px !important;
  border-radius: 5px !important;
}


.mobile-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 998;
}


.mobile-menu.open {
  display: block;
}

.mobile-menu ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mobile-menu ul li a {
  padding: 10px;
  border-bottom: 1px solid #eee;
}


.site-navigation ul.menu li a {
  color: #fff;
}

/* Style sub element */

.mobile-navigation .menu-item-has-children > a::after {
    content: " ▼"; /* le petit trait/flèche */
    font-size: 0.8em;
    margin-left: 5px;
}

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

/* Active element on the navigation */
.current_page_item a {
  color: #E3051C !important;
}

/* Desactivate current style for tag links */
.site-navigation .sub-menu a[href*="#"] {
    background-color: transparent !important;
    color: #E3051C ;
}
.site-navigation .sub-menu li.current-menu-item > a:not([href*="#"]) {
  background-color: #E3051C;
  color: #fff !important;
}




/* ✅ Hover effect*/
.mobile-navigation .menu > li > a:hover  {
  background-color: #E3051C; 
}

.mobile-navigation .menu > li > a:hover {
  color: #fff !important; 
}

.mobile-navigation .menu-item .sub-menu li a:hover {
    background-color: #E3051C; 
  }
/* =============== */


/* Custom header mobile */
/* === HEADER MOBILE TOGGLE === */
.menu-toggle-custom {
  background-color: #007bff; /* couleur du fond (bleu bootstrap par défaut) */
  border: none;
  padding: 0.5rem 0.75rem;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.menu-toggle-custom:hover {
  background-color: #0056b3;
}

/* Personnalisation des traits du toggle */
.menu-toggle-custom .navbar-toggler-icon {
  background-image: none;
  width: 22px;
  height: 2px;
  background-color: white;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.menu-toggle-custom .navbar-toggler-icon::before,
.menu-toggle-custom .navbar-toggler-icon::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 2px;
  background-color: white;
  left: 0;
  transition: all 0.3s ease-in-out;
}

.menu-toggle-custom .navbar-toggler-icon::before {
  top: -6px;
}
.menu-toggle-custom .navbar-toggler-icon::after {
  top: 6px;
}

/* Optionnel : rotation du bouton quand le menu est ouvert */
.menu-toggle-custom[aria-expanded="true"] .navbar-toggler-icon {
  background-color: transparent;
}
.menu-toggle-custom[aria-expanded="true"] .navbar-toggler-icon::before {
  transform: rotate(45deg);
  top: 0;
}
.menu-toggle-custom[aria-expanded="true"] .navbar-toggler-icon::after {
  transform: rotate(-45deg);
  top: 0;
}

/* === MOBILE MENU === */
.mobile-navigation {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 1rem;
}

.mobile-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-navigation li {
  position: relative;
}

.mobile-navigation li a {
  display: block;
  padding: 0.75rem 1rem;
  color: #212529;
  border-radius: 4px;
  transition: background 0.2s;
}

.mobile-navigation li a:hover {
  background: #e9ecef;
}

/* Sous-menus */
.mobile-navigation ul ul {
  display: none; /* caché par défaut */
  padding-left: 1rem;
  border-left: 2px solid #dee2e6;
  margin-top: 0.25rem;
}

.mobile-navigation li.open > ul {
  display: block;
}



/* ========== MEDIA QUERIES (min-width) ========== */
@media (min-width: 576px) { /* petits écrans (portrait) */ }
@media (min-width: 768px) { /* tablettes */ 
  .main_section_header::before {      
        height: 20% !important;
  }
}

@media (max-width: 992px) { 
	.header-lang {
		margin-right: 25px;
	}
	
	.home_list_kontakt .elementor-icon-list-item:first-child {
		margin-bottom: 10px;
	}
}
@media (min-width: 992px) { /* desktop */ 
  .site-navigation .menu > li > a {
    font-size: 14px;
    font-weight: 500;
  }

  /* 2e niveau */
  .site-navigation .sub-menu li > a {
    font-size: 12px;
  }

  .main_section_header {
    /* padding: 0px 0px 0px 0px; */
    /* background: linear-gradient(0deg, #000 2.41%, rgba(0, 0, 0, 0.77) 97.12%); */
    /* margin: 0px 0px -60px 0px; */
    position: absolute;
    width: 100%;
    /* background: #0000; */
  }

  .site-navigation .sub-menu {
    z-index: 2000;
  }

  ul.sub-menu li a {
    color: var(--color-heading) !important;
    text-decoration: none;
  }
	
/* 	.sub-menu .current-menu-item a {
		width: 100% !important;
	} */
}


@media (min-width: 1200px) { /* grands écrans */ 

}