body {

	width: 100%;
	overflow-x: hidden;
	background-color:#000;
	margin: 0;
	  padding: 0;

}
#boite {
  position: fixed;
  bottom: 10px;
  right: 10px;
  left: 0;                 /* important */
  
  display: flex;
  flex-direction: column;
  align-items: flex-end;   /* tout à droite */

  padding: 0 10px;         /* marge droite propre */
  box-sizing: border-box;  /* évite débordement */
}

#logo img {
  width: 50vw;       /* responsive */
  height: auto;
}

#boite h1 {
  margin: 0;
  text-align: right;
	  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
	
	
	  font-size: clamp(28px, 4vw, 72px);
  line-height: 1.05;
  letter-spacing: -0.07em;
	max-width: 60%;
  margin-top: -2%; /* ajuste la valeur */text-shadow:
  0 2px 4px rgba(0,0,0,0.6),
  0 8px 20px rgba(0,0,0,0.5);

}

.slide:nth-child(2) .slide-image {
  object-position: left center;
}

.slide:nth-child(3) .slide-image {
  object-position: left center;
}

@media (max-width: 768px) {
#logo img {
  width: 60vw;       /* responsive */
  height: auto;
}
	#boite h1 {
	max-width: 90%;
		font-size: clamp(36px, 6vw, 110px);
		


}
	
}



/* --- NAVBAR DESKTOP --- */
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0.75rem 1rem;
  background-color: rgba(52,55,70,0.2);
  z-index: 1000;

}

.nav-links {
  display: flex; /* desktop intact */
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Liens & icônes */
.nav-links a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  height: 100%;
}

.nav-links li {
  display: flex;
  align-items: center;
}



.social-icon {
  width: 30px;
  height: 30px;
  object-fit: contain;
  display: block;
}

.nav-links a:hover .social-icon {
  transform: scale(1.1);
  opacity: 0.8;
}

/* --- BURGER --- */
#burger-toggle {
  display: none;
}

.burger {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  z-index: 2000;
	

}

.burger span {
  width: 25px;
  height: 3px;
  background: white;
  transition: 0.3s ease;
}

/* ===================== */
/* ===== MOBILE ======== */
/* ===================== */
@media (max-width: 768px) {

  /* Burger visible */
  .burger {
    display: flex;
  }
	#scrollTopBtn {

  width: 30px;   height: 30px;


}

  /* Menu mobile fermé par défaut */
  .nav-links {
    display: none; /* ? totalement invisible */
    position: fixed;
    inset: 0;
    height: 100dvh;
    padding-top: 64px;
    padding-bottom: calc(80px + env(safe-area-inset-bottom));
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(6px);

    flex-direction: column;
    align-items: center;
    gap: 2rem;

    overflow-y: auto;
    box-sizing: border-box;

    /* Animation */
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.35s ease, transform 0.35s ease;
  }

  /* Menu ouvert */
  #burger-toggle:checked + .burger + .nav-links {
    display: flex;
    opacity: 1;
    transform: translateY(0);
  }

  /* Animation burger -> croix */
  #burger-toggle:checked + .burger span:nth-child(1) {
    transform: rotate(45deg) translate(6px,6px);
  }
  #burger-toggle:checked + .burger span:nth-child(2) {
    opacity: 0;
  }
  #burger-toggle:checked + .burger span:nth-child(3) {
    transform: rotate(-45deg) translate(6px,-6px);
  }

  /* Liens apparaissant avec animation individuelle */
  .nav-links li {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.35s ease, transform 0.35s ease;
  }
  #burger-toggle:checked + .burger + .nav-links li {
    opacity: 1;
    transform: translateY(0);
  }
}
html, body {
  height: 100%;

}
.hero-slider {
  position: fixed;
  inset: 0;
  z-index: -1; /* très important */
}

.slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.slide.active {
  opacity: 1;
}

.slide-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#boite img {
  display: block !important;
  margin-left: auto !important;
}