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

NOVA FILM - Main.css

/* ========== GLOBAL ========== */

@import 'global/base.css';

@import 'global/reset.css';

@import 'global/global.css';

@import 'global/typography.css';

/* ========== COMPONENTS ========== */

@import 'components/buttons.css';

@import 'components/cards.css';

@import 'components/footer.css';

@import 'components/forms.css';

@import 'components/header.css';

@import 'components/hero.css';

@import 'components/icons.css';

@import 'components/section-resultats-concrets.css';

@import 'components/modal.css';

@import 'components/navigation.css';

@import 'components/placeholder.css';

@import 'components/section-problemes.css';

@import 'components/section-processus.css';

@import 'components/section-realisations.css';

@import 'components/stats.css';

@import 'components/faq.css';

@import 'components/problems.css';

@import 'components/bandeau-devis.css';

/* ========== PAGES ========== */

@import 'pages/prenium.css';

/* ========== UTILITIES ========== */

@import 'utilities/layout.css';

@import 'utilities/responsive.css';

@import 'utilities/spacing.css';

/* ============================================
   HOTFIX NAV DROPDOWN (override)
   Placé ici car navigation.css est importé après header.css et peut écraser le dropdown.
   ============================================ */

header.header .nav .nav-dropdown > .dropdown-toggle{
   height: 40px;
   padding: 0 16px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border: 0;
   background: transparent;
   cursor: pointer;
   font: inherit;
   font-family: inherit;
   font-size: 14px;
   font-weight: 500;
   line-height: 1;
   color: rgba(226, 232, 240, 0.8);
   white-space: nowrap;
   -webkit-appearance: none;
   appearance: none;
 }
 
 header.header .nav .nav-dropdown{
   position: relative;
   display: flex;
   align-items: stretch;
   height: 40px;
  padding-bottom: 10px; /* zone “tampon” pour garder le hover en descendant */
 }
 
 header.header .nav .nav-dropdown > .dropdown-menu{
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   margin-top: 0;
   min-width: 240px;
   padding: 6px 0;
   display: flex;
   flex-direction: column;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transition: opacity 0.2s ease, visibility 0.2s ease;
   z-index: 2001;
 }
 
 header.header .nav .nav-dropdown:hover > .dropdown-menu,
 header.header .nav .nav-dropdown.is-open > .dropdown-menu,
 header.header .nav .nav-dropdown > .dropdown-menu:hover{
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
 }