/* ===========================================================
   Ashoka Earthing — navbar enhancements
   Scoped to .header-two / #side-bar so the rest of the
   template CSS is left untouched.
   =========================================================== */

/* ---------- top utility bar ---------- */
.header-two .header-top .top-details a{
  text-decoration:underline;
  text-underline-offset:3px;
  transition:opacity .2s ease;
}
.header-two .header-top .top-details a:hover{opacity:.75;}
.header-two .ht-social ul li a{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;
  transition:background .22s ease,transform .22s ease;
}
.header-two .ht-social ul li a:hover{
  background:rgba(255,255,255,.16);
  transform:translateY(-2px);
}

/* ---------- main nav links ---------- */
.header-two .nav-area > ul > li.main-nav{position:relative;}
.header-two .nav-area > ul > li.main-nav > a{
  position:relative;
  transition:color .22s ease;
}
/* animated underline */
.header-two .nav-area > ul > li.main-nav > a::before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-6px;
  height:2px;
  background:linear-gradient(90deg,#dc9a5e,#b87333);
  border-radius:2px;
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .28s cubic-bezier(.2,.7,.3,1);
}
.header-two .nav-area > ul > li.main-nav:hover > a::before,
.header-two .nav-area > ul > li.ae-active > a::before{
  transform:scaleX(1);
  transform-origin:left center;
}
.header-two .nav-area > ul > li.ae-active > a{font-weight:700;}

/* ---------- mega menu polish ---------- */
.header-two .rts-mega-menu .mega-col-title{
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#b87333;
  padding:0 0 10px !important;
  margin:0 0 10px 0 !important;
  border-bottom:1px solid #e6eaf2;
  background:none !important;
  background-color:transparent !important;
  border-radius:0 !important;
  line-height:1.4 !important;
}
.header-two .rts-mega-menu .mega-menu-item.with-list li a{
  transition:color .2s ease,transform .2s ease;
}
.header-two .rts-mega-menu .mega-menu-item.with-list li a:hover{
  transform:translateX(4px);
}

/* featured promo card inside the mega menu */
.header-two .mega-promo{
  background:linear-gradient(155deg,#0b1e4d 0%,#14349a 100%);
  border-radius:14px;
  padding:22px 20px;
  color:#fff;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.header-two .mega-promo::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(260px 180px at 100% 0%,rgba(184,115,51,.34),transparent 65%);
}
.header-two .mega-promo > *{position:relative;z-index:1;}
.header-two .mega-promo .k{
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:#dc9a5e;font-weight:700;display:block;margin-bottom:8px;
}
.header-two .mega-promo h6{
  color:#fff;font-size:16px;font-weight:700;
  margin:0 0 8px;line-height:1.3;
}
.header-two .mega-promo p{
  color:#b9c5e4;font-size:12.5px;margin:0 0 16px;line-height:1.5;
}
.header-two .mega-promo .promo-btn{
  display:inline-flex;align-items:center;gap:7px;
  background:linear-gradient(135deg,#dc9a5e,#b87333);
  color:#fff !important;
  font-size:12.5px;font-weight:700;
  padding:10px 16px;border-radius:7px;
  align-self:flex-start;
  transition:transform .2s ease,box-shadow .2s ease;
}
.header-two .mega-promo .promo-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 20px -8px rgba(184,115,51,.7);
  color:#fff !important;
}

/* ---------- header right ---------- */
.header-two .header-right .call-area .number-area .call{
  letter-spacing:.01em;
  transition:color .2s ease;
}
.header-two .header-right .call-area:hover .number-area .call{color:#1d54d6;}
.header-two .header-right .rts-btn{
  transition:transform .2s ease,box-shadow .2s ease;
}
.header-two .header-right .rts-btn:hover{transform:translateY(-2px);}
.header-two #menu-btn{cursor:pointer;}

/* ---------- mobile sidebar menu ---------- */
#side-bar .mobile-menu .mainmenu li a{transition:color .2s ease,padding-left .2s ease;}
#side-bar .mobile-menu .mainmenu li a:hover{padding-left:6px;}
#side-bar .mobile-menu .submenu li a .m-sub{
  display:block;font-size:11.5px;font-weight:400;
  color:#8a94a6;margin-top:1px;
  background:none !important;
  background-color:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  margin-left:0 !important;
}
#side-bar .mobile-menu .mm-group-title{
  display:block;font-size:10.5px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
  color:#b87333;margin:14px 0 4px;padding-left:2px;
}
#side-bar .mobile-menu .mm-group-title:first-child{margin-top:4px;}

/* mobile quick-action buttons */
#side-bar .mm-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  margin:22px 0 4px;
}
#side-bar .mm-actions a{
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 12px;border-radius:9px;
  font-size:13.5px;font-weight:700;text-align:center;
  transition:transform .2s ease,box-shadow .2s ease;
}
#side-bar .mm-actions a:hover{transform:translateY(-2px);}
#side-bar .mm-actions .mm-call{background:#1d54d6;color:#fff !important;}
#side-bar .mm-actions .mm-wa{background:#1a9e4b;color:#fff !important;}
#side-bar .mm-actions svg{width:16px;height:16px;flex-shrink:0;}

@media (prefers-reduced-motion: reduce){
  .header-two *,#side-bar *{transition-duration:.001ms !important;}
}


/* ---------- mega menu: application image cards ---------- */
.header-two .rts-mega-menu .mega-menu-item.with-list li a.ae-nav-card{
  display:block;
  padding:0 0 18px;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}
.header-two .rts-mega-menu .mega-menu-item.with-list li a.ae-nav-card img{
  display:block;
  width:100%;
  max-width:190px !important;
  height:auto;
  aspect-ratio:120/80;
  margin:0 0 9px 0 !important;
  padding:0 !important;
  border-radius:9px;
  background:#0b1e4d !important;
  border:1px solid #e6eaf2;
  transition:transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s ease, border-color .3s ease;
}
.header-two .rts-mega-menu .mega-menu-item.with-list li a.ae-nav-card:hover img{
  transform:translateY(-3px);
  border-color:#b87333;
  box-shadow:0 14px 26px -14px rgba(11,30,77,.55);
}
.header-two .rts-mega-menu .mega-menu-item.with-list li a.ae-nav-card:hover{
  transform:none;
}

/* header call icon is now a link */
.header-two .header-right .call-area a.icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  transition:transform .2s ease, opacity .2s ease;
}
.header-two .header-right .call-area a.icon:hover{
  transform:scale(1.08);
  opacity:.85;
}

/* ---------- footer: distant industrial skyline ---------- */
.footer-8-area-bg{
  position:relative;
  background-image:
    url(../images/footer/industry-skyline.svg),
    url(../images/footer/05.webp);
  background-repeat:no-repeat, no-repeat;
  background-position:center bottom, center center;
  background-size:100% auto, cover;
}
@media (max-width:991px){
  .footer-8-area-bg{background-size:180% auto, cover;}
}
.footer-8-area-bg > *{position:relative;z-index:1;}