/* =========================
   HEADER + NAVBAR
========================= */

.header-wrap{
  position:absolute;
  left:0;
   right:0;
  z-index:1000;
  background:transparent;
  }
.header-wrap.sticky {
  position: fixed;
  top: 0;
 }


.nav-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
}

.navbar-nav{
  margin:auto;
}


/* =========================
   MEGA MENU (Desktop)
========================= */

.dropdown-mega{
  position:absolute;
  top:95%;
  left:50%;
  transform:translateX(-50%) translateY(10px);
  width:100%;
  max-width:1140px;
  background:#fff;
  padding:50px 0;
  box-shadow:0 40px 80px rgba(0,0,0,.12);
  opacity:0;
  visibility:hidden;
  transition:.25s ease;
  pointer-events:none;
  border-radius:40px;

}

.dropdown-mega.mega-open{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
  pointer-events:auto;

}

.mega-inner{
  max-width:1200px;
  margin:auto;
  padding:0 24px;
}

.mega-grid-products{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.mega-grid-solutions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:80px;
}
.mega-header{
font-size:13px;
font-weight:700;
color:#9aa3b2;
margin-bottom:10px;
cursor:default;
}

.mega-header:hover{
color:#9aa3b2;
}
.mega-parent-link{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.mega-sub{
margin-top:8px;
padding-right:46px;
display:flex;
flex-direction:column;
gap:6px;
color:#555;
}

.mega-icon{
 width:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
border-radius:10px;
background:linear-gradient(135deg,#eef2ff,#e4ecff);
transition:.25s;
box-shadow:0 4px 10px rgba(0,0,0,.06);
}
.mega-icon i{
font-size:15px;
}
.mega-parent-link:hover .mega-icon{
transform:translateY(-2px) scale(1.08);
box-shadow:0 10px 22px rgba(11,92,255,.25);
background:linear-gradient(135deg,#0b5cff,#4a7dff);
color:#fff;
}
.nav-caret{
  font-size:11px;
  margin-right:6px;
  transition:.2s;
}

.mega-parent.mega-open .nav-caret{
  transform:rotate(180deg);
}


/* =========================
   MOBILE MENU (Drilldown)
========================= */

.mobile-menu{
  position:fixed;
  inset:0;
  background:#fff;
  z-index:3000;
  transform:translateX(100%);
  transition:transform .35s ease;
  display:flex;
  flex-direction:column;
}

.mobile-menu.active{
  transform:translateX(0);
}

/* header bar */
.mobile-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 20px;
  border-bottom:1px solid #eee;
  flex-shrink:0;
}

.mobile-header img{
  height:40px;
  width:auto;
}

.mobile-close{
  background:none;
  border:none;
  font-size:26px;
  cursor:pointer;
}

/* screens wrapper */
.mobile-screen{
  position:absolute;
  top:72px;
  right:0;
  width:100%;
  height:calc(100% - 72px);
  background:#fff;
  transform:translateX(100%);
  transition:transform .35s ease;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}

.mobile-screen.active{
  transform:translateX(0);
}

/* items */
.mobile-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 20px;
  border-bottom:1px solid #eee;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
}

/* back button */
.mobile-back{
  display:flex;
  align-items:center;
  gap:10px;
  padding:18px 20px;
  border-bottom:1px solid #eee;
  font-weight:700;
  cursor:pointer;
}

/* sub items */
.mobile-sub{
  padding:18px 20px;
  border-bottom:1px solid #f3f3f3;
}

.mobile-sub b{
  display:block;
  margin-bottom:10px;
  font-size:15px;
}


.mobile-sub a i{
width:20px;
margin-left:6px;
color:#0b5cff;
transition:.2s;
}

.mobile-sub a:hover i{
transform:scale(1.15);
}


.mobile-sub a:hover{
  color:#0b5cff;
}
.mobile-sub a{
display:block;
padding:8px 10px;
font-size:14px;
color:#555;
text-decoration:none;
border-radius:6px;
transition:.2s;
}


.mobile-sub a:hover{
background:#f3f6ff;
padding-right:14px;
}


/* hamburger */
.navbar-toggler{
  border:none;
}

.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba%280,0,0,0.7%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* hide desktop nav in mobile */
@media (max-width:991px){
  .navbar-collapse{
    display:none !important;
  }
}
/* =========================
   SIMPLE DROPDOWN (CLICK-ONLY)
========================= */

.dropdown-simple{
  position:relative;
}

/* حالت پیش‌فرض بسته */
.dropdown-simple-menu{
  position:absolute;
  top:100%;
  right:0;
  min-width:220px;
  background:#fff;
  border-radius:10px;
  box-shadow:0 20px 50px rgba(0,0,0,.12);
  padding:8px 0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:.25s;
}

/* باز شدن با کلیک */
.dropdown-simple.open .dropdown-simple-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

/* فلش */
.dropdown-simple .nav-caret{
  transition:.2s;
}
.dropdown-simple.open .nav-caret{
  transform:rotate(180deg);
}

/* آیتم‌ها */
.simple-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 16px;
  text-decoration:none;
  color:#555;
  font-size:14px;
  border-radius:6px;
  transition:.2s;
}

.simple-item:hover{
  background:#f2f5ff;
  color:#0b5cff;
  transform:translateX(-2px);
}

.simple-item i{
  width:18px;
  color:#0b5cff;
}

/* =========================
   DESKTOP NAV SPACING
========================= */

@media (min-width:992px){

.navbar-nav{
  gap:10px;
}

.navbar-nav > .nav-item > .nav-link{
  padding:0 23px;
  height:60px;
  display:flex;
  align-items:center;
  font-weight:600;
  color: #50545f;
  font-size: 17px;
}

}


.mega-parent-link span{
    display: block;
    font-weight: 700;

}

.mega-col{
display:flex;
flex-direction:column;
align-items:flex-start;

}
/* عنوان */
.mega-title{
font-weight:600;
margin:0;
}
.navbar-collapse{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.nav-actions{
    display:flex;
    align-items:center;
}

.nav-actions .btn-custom{
    margin-right:20px;
}

.mega-grid-solutions .mega-col{
display:flex;
flex-direction:column;
align-items:flex-start;
}

.mega-grid-solutions .mega-sub{
padding-right:0;
}


.nav-link{
text-decoration:none !important;
}

.nav-link:hover{
text-decoration:none !important;
border-bottom:none !important;
}
a, a:visited, a:hover, a:active{
  text-decoration:none !important;
  border-bottom:none !important;
  outline:none !important;
}
.mega-sub a{
  padding:4px 6px;
  border-radius:6px;
}

.mega-sub a:hover{
  background:#f3f6ff;
  color:#0b5cff;
}

.dropdown-simple.open .dropdown-simple-menu,
.dropdown-simple-menu.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

.dropdown-simple .nav-caret{
  transition:.2s;
}
.dropdown-simple.open .nav-caret{
  transform:rotate(180deg);
}

.navHover{
    transition: all 0.25s ease;
}

.navHover:hover{
    background: linear-gradient(135deg,#e0ecff,#c9dcff);
    border-radius: 20px;
    color: #003090 !important;
   }