/* ==========================================
   DAHLIA RESIDENCE – CSS CLEAN (Joomla 4)
   Scope: uniquement la landing via body.dahlia-residence
   ========================================== */

/* ---------- Header / Navbar (Desktop + global) ---------- */
body.dahlia-residence .navbar{
  position: absolute !important;
  top: 0; left: 0;
  width: 100%;
  z-index: 9999;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: center !important;
}

/* Container header (ton <ul> porte la classe header-dahlia) */
body.dahlia-residence .header-dahlia{
  background: transparent !important;
  backdrop-filter: none !important;
  padding: 14px 40px !important;
}

/* Pousse le menu à droite dans le collapse */
body.dahlia-residence .navbar-collapse{
  justify-content: flex-end !important;
}

/* Cache l’icône nav latérale sur la landing */
body.dahlia-residence .nav-side{
  display: none !important;
}

/* ---------- Logo Dahlia (remplace l’img par un background) ---------- */
body.dahlia-residence .navbar-brand{
  display: block !important;
  width: 300px;
  height: 180px;
  background-image: url("https://scilynn.com/images/Design%20sans%20titre%2010.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

body.dahlia-residence .navbar-brand img{
  display: none !important;
}

/* ---------- Menu (HTML réel : ul.mod-menu.nav.header-dahlia > li > a) ---------- */
body.dahlia-residence ul.header-dahlia{
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.dahlia-residence ul.header-dahlia > li > a{
  color: #ffffff !important;
  background: transparent !important;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-shadow: 0 2px 12px rgba(0,0,0,0.45);
}

/* Hover / actif – couleur verte Dahlia */
body.dahlia-residence ul.mod-menu.header-dahlia > li > a:hover,
body.dahlia-residence ul.mod-menu.header-dahlia > li.active > a,
body.dahlia-residence ul.mod-menu.header-dahlia > li.current > a{
  color: #8CC63F !important;
  background: transparent !important;
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 7px;
}



/* ---------- Fix global layout (évite push sous header) ---------- */
body.dahlia-residence .smooth-scroll-content{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ---------- Hero Title (SP Page Builder Animated Heading) ---------- */
.dahlia-hero-title .sppb-addon-title{
  font-size: 72px;
  line-height: 1.1;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
  word-break: break-word;
}

.dahlia-hero-title .animated-heading-before-part{
  display: block;
  font-size: inherit;
}

.dahlia-hero-title .animated-text-words-wrapper{
  display: block;
  width: auto !important; /* supprime le width inline imposé par SP Page Builder */
  text-align: center;
}

/* ---------- Responsive : Tablette ---------- */
@media (max-width: 992px){
  .dahlia-hero-title .sppb-addon-title{
    font-size: 48px;
    line-height: 1.2;
  }
}

/* ---------- Responsive : Mobile ---------- */
@media (max-width: 768px){
  .dahlia-hero-title .sppb-addon-title{
    font-size: 29px;
    line-height: 1.25;
  }

  .dahlia-hero-title .animated-heading-before-part,
  .dahlia-hero-title .animated-text-words-wrapper{
    text-align: center !important;
    display: block;
  }
}

/* ---------- Images & sections (safe) ---------- */
section,
.sppb-section,
.container,
.container-fluid{
  max-width: 100%;
}

img{
  max-width: 100%;
  height: auto;
}

/* ==========================================
   MENU MOBILE – Drawer noir premium
   ========================================== */
@media (max-width: 991.98px){

  /* Panneau déroulant */
  body.dahlia-residence .navbar-collapse{
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    background: rgba(10,10,10,0.96) !important; /* noir premium */
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 18px 18px 22px !important;
    box-shadow: 0 14px 40px rgba(0,0,0,0.45);
    backdrop-filter: blur(10px);
    z-index: 9999 !important;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
  }

  /* Liste menu en colonne */
  body.dahlia-residence ul.header-dahlia{
    display: flex !important;
    flex-direction: column !important;
    gap: 12px;
  }

  body.dahlia-residence ul.header-dahlia > li{
    width: 100%;
  }

  /* Liens mobile */
  body.dahlia-residence ul.header-dahlia > li > a{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px 14px !important;
    border-radius: 10px;
    font-size: 18px;
    text-shadow: none !important; /* sur fond noir inutile */
    transition: all .2s ease;
  }

  body.dahlia-residence ul.header-dahlia > li > a:hover,
  body.dahlia-residence ul.header-dahlia > li > a:focus{
    background: rgba(255,255,255,0.08) !important;
  }

  /* Actif mobile (accent) */
  body.dahlia-residence ul.header-dahlia > li.active > a,
  body.dahlia-residence ul.header-dahlia > li.current > a{
    color: #ff4d2d !important;
    background: rgba(255,255,255,0.06) !important;
  }

  /* Logo plus petit en mobile */
  body.dahlia-residence .navbar-brand{
    width: 135px;
    height: 50px;
  }

  /* Burger button (optionnel) */
  body.dahlia-residence .navbar-toggler{
    border: 1px solid rgba(255,255,255,0.35) !important;
    border-radius: 10px;
    padding: 10px 12px;
    box-shadow: none !important;
  }
}