/* Mega dropdown (Roofstacks-style) for Services */
/* Works with Bootstrap dropdown markup + custom styling */

.navbar .nav-mega .dropdown-menu.mega-menu{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(12,12,18,.92);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 24px 70px rgba(0,0,0,.45);
  border-radius: 18px;
  padding: 0;
  overflow: hidden;
}

.navbar .nav-mega .mega-container{
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbar .nav-mega .mega-wrap{
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 0;
  min-width: min(860px, 92vw);
}

.navbar .nav-mega .mega-left{
  padding: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.navbar .nav-mega .mega-right{
  padding: 20px 22px;
  border-left: 1px solid rgba(255,255,255,.08);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}

.navbar .nav-mega .mega-link{
  display: flex;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.navbar .nav-mega .mega-link:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.14);
}

.navbar .nav-mega .mega-icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  flex: 0 0 44px;
}

.navbar .nav-mega .mega-icon i{
  font-size: 18px;
}

.navbar .nav-mega .mega-text{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.navbar .nav-mega .mega-title{
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  color: rgba(255,255,255,.92);
}

.navbar .nav-mega .mega-desc{
  font-size: 12px;
  line-height: 1.35;
  color: rgba(255,255,255,.68);
}

.navbar .nav-mega .mega-kicker{
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .02em;
  color: rgba(255,255,255,.92);
}

.navbar .nav-mega .mega-lead{
  font-size: 13px;
  color: rgba(255,255,255,.72);
  line-height: 1.45;
}

.navbar .nav-mega .mega-actions .btn{
  width: fit-content;
}

/* Position & hover behavior (desktop) */
@media (min-width: 1200px){
  .navbar .nav-mega{
    position: relative;
  }
  .navbar .nav-mega .dropdown-menu.mega-menu{
    top: 100%;
    transform: translateY(14px);
    left: 0;
  }

  /* hover köprüsü: link ile menü arasındaki boşlukta kapanmasın */
  .navbar .nav-mega .dropdown-menu.mega-menu::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
  }


  /* open on hover */
  .navbar .nav-mega:hover > .dropdown-menu.mega-menu,
  .navbar .nav-mega > .dropdown-menu.mega-menu:hover{
    display: block;
  }
}

/* Mobile: fall back to a simple list (one column) */
@media (max-width: 1199.98px){
  .navbar .nav-mega .dropdown-menu.mega-menu{
    background: rgba(12,12,18,.96);
  }
  .navbar .nav-mega .mega-wrap{
    grid-template-columns: 1fr;
    min-width: 100%;
  }
  .navbar .nav-mega .mega-left{
    grid-template-columns: 1fr;
  }
  .navbar .nav-mega .mega-right{
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.08);
  }
}