/**
 * @file
 * menu-transition.css
 * Gestion exclusive du menu : transitions, états (scroll) et padding associé.
 * Portable sur d'autres sites.
 */

/* ========== 1. CONFIGURATION & TRANSITIONS GLOBALES ========== */
.navbar,
.navbar-brand,
.navbar-brand img,
.nav-link,
.navbar-toggler {
  transition: all 0.4s ease-in-out;
}

body {
  transition: padding-top 0.4s ease-in-out;
  padding-top: 270px;
}

.highlighted {
  margin-top: 100px;
}

/* ========== 2. ÉTAT INITIAL (MENU GRAND) ========== */
.navbar {
  border-bottom: 3px solid var(--bocaux-green); 
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  z-index: 1030;
}

.navbar-brand img {
  height: 200px; 
  width: auto;
  display: block;
  padding-left: 5px;
  transition: height 0.4s ease-in-out;
}

.navbar-brand {
  font-weight: 800;
  font-size: 2.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 35%;
  text-wrap: auto;
  z-index: 1;
}

.nav-link {
  font-weight: 500;
  margin: 0 5px;
  border-radius: 4px;
  z-index: 1;
}

.navbar-toggler {
  margin-right: 5px;
  z-index: 1;
}

/* ========== 3. ÉTAT "SCROLLED" (MENU RÉDUIT) ========== */
.navbar.scrolled {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: rgba(255, 255, 255, 0.95) !important; 
  backdrop-filter: blur(5px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  border-bottom: 3px solid var(--bocaux-green);
}

.navbar.scrolled .navbar-brand img {
  height: 60px; 
}

.navbar.scrolled .navbar-brand {
  font-size: 1.2rem;
}

/* ========== 4. GESTION DU PADDING DU BODY ========== */
body.user-logged-in {
  padding-top: 270px !important;
}

body:not(.user-logged-in) {
  padding-top: 150px !important;
}

body.navbar-is-scrolled.user-logged-in {
  padding-top: 220px !important;
}

body:not(.user-logged-in).navbar-is-scrolled {
  padding-top: 220px !important;
}
/* ========== 5. RESPONSIVE (MOBILE) ========== */
@media (max-width: 768px) {
  body:not(.user-logged-in) {
    padding-top: 90px !important; 
  }
  body.user-logged-in {
    padding-top: 169px !important;
  }
  
  body.navbar-is-scrolled:not(.user-logged-in) {
    padding-top: 100px !important;
  }
  body.navbar-is-scrolled.user-logged-in {
    padding-top: 140px !important;
  }

  .navbar {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }
  
  .navbar-brand img {
    height: 100px; 
    width: auto;
    display: block;
  }
  
  .navbar-brand {
    font-size: 1.2rem;
    width: 70%;
    text-wrap: auto;
  }
  
  .navbar.scrolled .navbar-brand {
    font-size: 1rem;
  }

  body.toolbar-vertical #navbar-main.fixed-top {
    top: 40px;
  }
}

/* ========== 6. SURCHARGES SPÉCIFIQUES ========== */
.navbar-brand:hover {
  text-decoration: none;
  color: var(--bocaux-orange) !important;
}

.nav-link:hover, 
.nav-link.active {
  text-decoration: none;
}