/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media only screen and (max-width:1700px) {
}

@media only screen and (max-width:1600px) {

}

@media only screen and (max-width:1500px) {

}

@media only screen and (max-width:1440px) {

}

@media only screen and (max-width:1400px) {

}

@media only screen and (max-width:1366px) {

}

/*  (min-width:1280px)+++ */
@media only screen and (max-width:1280px) {

}

/*  (min-width:1200px)+++ */
@media only screen and (min-width:1200px) {
}

/*  (max-width:1200px)+++ */
@media only screen and (max-width:1200px) {

}

/* (min-width:992px) (max-width: 1199.98px) // Large devices (desktops, less than 1200px) */
@media only screen and (max-width: 1199.98px) {/* ExTra Class Start*/

}

@media only screen and (max-width:992px) {

}

/* Medium devices (min-width:768px) (max-width: 991.98px) // (tablets, less than 992px) */
@media only screen and (max-width:991px) {/* ExTra Class Start*/

}

@media only screen and (max-width:768px) {

}

/* Small devices (min-width: 576px) (max-width: 767.98px) // (landscape phones, less than 768px) */
@media only screen and (max-width: 767.98px) {/* ExTra Class Start*/


}

@media only screen and (max-width:630px) {
}

@media only screen and (max-width: 580px) {
}

/* Extra small devices (min-width:361px) (max-width: 575.98px) // (portrait phones, less than 576px) */
@media only screen and (max-width: 575.98px) {

}

/* (min-width:361px) (max-width:520px) */
@media only screen and (max-width:520px) {

}

/* (min-width:480px) (max-width:500px) */
@media only screen and (max-width:500px) {

}

/* (min-width:361px) (max-width:479px) */
@media only screen and (max-width:479px) {

}

@media only screen and (max-width:414px) {

}

@media only screen and (max-width:400px) {/* ExTra Class Start*/

}

/* (min-width:321px) (max-width:360px) */
@media only screen and (max-width:360px) {

}

@media only screen and (max-width:340px) {

}

@media only screen and (max-width:320px) {

}

/* ===== Menu responsive : barre mobile visible et fixe ===== */
@media (max-width: 992px) {
  #page.mobilie_header_nav .mobile-menu .header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    min-height: 70px;
    display: flex !important;
    align-items: center;
  }
  #page.mobilie_header_nav.stylehome1 .mobile-menu .header {
    background: #1a1d21;
    border-bottom-color: rgba(255,255,255,0.1);
  }
  #page.mobilie_header_nav .mobile-menu .menu_and_widgets {
    width: 100%;
    padding: 0 1rem;
  }
  #page.mobilie_header_nav .mobile-menu .mobile_menu_bar {
    width: 100%;
  }
  .body_content {
    padding-top: 70px !important;
  }
  #menu.mm-menu {
    z-index: 99998;
  }
}

/* ===== Menu déroulant desktop (toutes pages) ===== */
@media (min-width: 993px) {
  header.header-nav,
  header.header-nav nav,
  header.header-nav .container-fluid,
  header.header-nav .row,
  header.header-nav .col-auto,
  header.header-nav .d-flex {
    overflow: visible !important;
  }
  header .ace-responsive-menu,
  header .ace-responsive-menu > li {
    position: relative;
    overflow: visible !important;
  }
  header .ace-responsive-menu > li > ul.sub-menu {
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    min-width: 260px;
    margin-top: 4px;
    padding: 12px 0;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.12);
    border: 1px solid #e5e7eb;
    z-index: 10002;
  }
  header .ace-responsive-menu .sub-menu li {
    display: block;
    width: 100%;
    padding: 0 !important;
  }
  header .ace-responsive-menu .sub-menu li a {
    display: block;
    padding: 10px 20px;
    white-space: nowrap;
    font-size: 0.9375rem;
  }
}

/* ===== Pages pays (nav-innerpage-style) : menu déroulant bien positionné ===== */
@media (min-width: 993px) {
  header.nav-innerpage-style .ace-responsive-menu > li > ul.sub-menu {
    left: 0;
    transform: none;
    top: 100%;
    margin-top: 6px;
    min-width: 240px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.12);
    border: 1px solid #e5e7eb;
    z-index: 99999;
  }
  header.nav-innerpage-style .ace-responsive-menu .sub-menu li a {
    color: var(--headings-color);
    padding: 10px 20px;
    line-height: 1.4;
  }
  header.nav-innerpage-style .ace-responsive-menu .sub-menu li a:hover {
    background: #F0EFEC;
    color: #5BBB7B;
  }
  /* Affichage du dropdown au survol (compatibilité plugin) */
  header.nav-innerpage-style .ace-responsive-menu > li:hover > ul.sub-menu,
  header.nav-innerpage-style .ace-responsive-menu > li.menu-active > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Footer sombre – texte blanc sur toutes les pages (priorité maximale) */
section.footer-style1 {
  background-color: #1a1d21 !important;
  color: #ffffff !important;
}
section.footer-style1 * {
  color: #ffffff !important;
}
section.footer-style1 a {
  color: #ffffff !important;
}
section.footer-style1 a:hover {
  color: #e0e0e0 !important;
}
section.footer-style1 .ud-btn.btn-thm {
  background-color: #5BBB7B !important;
  border-color: #5BBB7B !important;
  color: #ffffff !important;
}
section.footer-style1 .bdrt1 {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
section.footer-style1 .footer-logo img {
  filter: brightness(0) invert(1);
}