/* ============================================================
   Alta Auto Sales — navbar.css
   Navigation bar, dropdown menus, mobile hamburger
   ============================================================ */

.navbar {
  display:flex; align-items:center; justify-content:space-between;
  padding:0 32px; background:var(--white);
  border-bottom:3px solid var(--primary);
  position:sticky; top:0; z-index:1000;
  box-shadow:0 2px 12px rgba(0,0,0,0.09); height:96px;
}
.navbar-logo {
  display:flex; align-items:center; gap:14px;
  text-decoration:none; cursor:pointer;
}
.logo-icon {
  width:84px; height:84px; background:transparent; border-radius:0;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:1.5rem; flex-shrink:0;
}
.logo-img {
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:0;
  display:block;
  opacity:1;
  mix-blend-mode:normal;
  filter:drop-shadow(0 6px 10px rgba(17,24,39,0.18)) saturate(1.05) contrast(1.05);
}
.navbar-logo .logo-icon,
.navbar-logo .logo-img {
  transition:transform 0.28s ease, opacity 0.28s ease, filter 0.28s ease;
}
.navbar-logo:hover .logo-icon {
  transform:scale(1.12);
}
.navbar-logo:hover .logo-img {
  opacity:1;
  mix-blend-mode:normal;
  filter:drop-shadow(0 8px 14px rgba(17,24,39,0.24)) saturate(1.06) contrast(1.08);
}
.logo-text { display:flex; flex-direction:column; }
.logo-name { font-family:'Barlow Condensed',sans-serif; font-size:1.85rem; font-weight:800; color:var(--dark); letter-spacing:0.5px; line-height:0.95; }
.logo-sub  { font-size:16px; color:#d9861f; font-weight:800; letter-spacing:0.2px; text-transform:none; line-height:1.05; }

/* ===== NAV LINKS ===== */
.nav-links { list-style:none; display:flex; gap:2px; align-items:center; }
.nav-links > li { position:relative; }
.nav-links > li > a {
  text-decoration:none; color:var(--dark); font-weight:600; font-size:14px;
  padding:10px 14px; border-radius:4px;
  display:flex; align-items:center; gap:5px;
  transition:color 0.2s; cursor:pointer; white-space:nowrap;
}
.nav-links > li > a:hover,
.nav-links > li > a.active-nav { color:var(--primary); }
.nav-links > li > a .fa-chevron-down { font-size:9px; transition:transform 0.2s; }
.nav-links > li.dropdown:hover > a .fa-chevron-down { transform:rotate(180deg); }

/* ===== CTA BUTTON IN NAV ===== */
.nav-cta { background:var(--primary) !important; color:#fff !important; border-radius:4px; }
.nav-cta:hover { background:var(--primary-dark) !important; color:#fff !important; }

/* ===== DROPDOWN ===== */
.dropdown-menu {
  display:none; position:absolute; top:100%; left:0;
  background:var(--white); min-width:210px;
  border:1px solid var(--border); border-top:3px solid var(--primary);
  box-shadow:var(--shadow); list-style:none;
  border-radius:0 0 6px 6px; z-index:9999;
  animation:dropIn 0.18s ease;
}
@keyframes dropIn { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
.dropdown:hover .dropdown-menu { display:block; }
.dropdown-menu li a {
  display:block; padding:11px 18px;
  text-decoration:none; color:var(--dark);
  font-size:14px; transition:background 0.15s; cursor:pointer;
}
.dropdown-menu li a:hover { background:#fff5f5; color:var(--primary); }
.dropdown-menu li:first-child a { padding-top:14px; }
.dropdown-menu li:last-child  a { padding-bottom:14px; border-radius:0 0 6px 6px; }

/* ===== HAMBURGER ===== */
.hamburger {
  display:none; background:none; border:none;
  font-size:1.6rem; cursor:pointer; color:var(--dark); padding:8px;
}

/* ===== MOBILE ===== */
@media (max-width:960px) {
  .navbar { height:84px; }
  .logo-icon { width:58px; height:58px; }
  .logo-name { font-size:1.45rem; }
  .logo-sub { font-size:12px; }
  .hamburger { display:block; }
  .nav-links {
    display:none; flex-direction:column; align-items:stretch;
    position:absolute; top:100%; left:0; right:0;
    background:var(--white); border-top:1px solid var(--border);
    padding:12px 16px; gap:0;
    box-shadow:var(--shadow);
  }
  .nav-links.open { display:flex; }
  .nav-links > li > a { padding:12px 10px; }
  .dropdown-menu { position:static; box-shadow:none; border:none; border-left:3px solid var(--primary); padding-left:10px; animation:none; border-radius:0; }
  .dropdown:hover .dropdown-menu { display:block; }
  .nav-cta { margin-top:8px; text-align:center; justify-content:center; }
}