@import url('./global.css');
@import url('./components/header-footer.css');
@import url('./pages/home.css');

/* =========================
   ZW HEADER
========================= */

.zw-header{
  position:sticky;
  top:0;
  z-index:9999;
  width:100%;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(0,0,0,.06);
  transition:.3s ease;
}

.zw-header.is-scrolled{
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.zw-header-inner{
  width:min(94%,1400px);
  margin:auto;
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.zw-logo-wrap{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
  color:#111;
}

.zw-logo{
  width:64px;
  height:auto;
  object-fit:contain;
  transition:.3s ease;
}

.zw-header.is-scrolled .zw-logo{
  width:54px;
}

.zw-brand-texts{
  display:flex;
  flex-direction:column;
  line-height:1.3;
}

.zw-brand-texts strong{
  font-size:15px;
  color:#022041;
}

.zw-brand-texts span{
  font-size:12px;
  color:#666;
}

.zw-nav{
  display:flex;
  align-items:center;
  gap:24px;
}

.zw-nav-link{
  position:relative;
  text-decoration:none;
  color:#222;
  font-size:15px;
  font-weight:500;
  transition:.25s ease;
}

.zw-nav-link:hover,
.zw-nav-link.is-active{
  color:#0c53a5;
}

.zw-nav-link::after{
  content:'';
  position:absolute;
  right:0;
  bottom:-8px;
  width:0;
  height:2px;
  background:#0c53a5;
  transition:.25s ease;
}

.zw-nav-link:hover::after,
.zw-nav-link.is-active::after{
  width:100%;
}

.zw-header-actions{
  display:flex;
  align-items:center;
  gap:14px;
}

.zw-call-btn{
  height:46px;
  padding:0 20px;
  border-radius:14px;
  background:#0c53a5;
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  transition:.25s ease;
}

.zw-call-btn:hover{
  background:#022041;
}

.zw-mobile-toggle{
  display:none;
  width:46px;
  height:46px;
  border:none;
  border-radius:14px;
  background:#f3f5f8;
  cursor:pointer;
}

.zw-mobile-menu{
  display:none;
}

@media(max-width:991px){

  .zw-nav{
    display:none;
  }

  .zw-mobile-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .zw-mobile-menu{
    display:none;
    flex-direction:column;
    padding:18px;
    border-top:1px solid rgba(0,0,0,.06);
    background:#fff;
  }

  .zw-mobile-menu.is-open{
    display:flex;
  }

  .zw-mobile-link{
    padding:14px 0;
    text-decoration:none;
    color:#111;
    border-bottom:1px solid rgba(0,0,0,.05);
  }

}

/* ===== LIFTINGBEAM HEADER FIX ===== */

.zw-logo img{
  height:88px !important;
  width:auto !important;
  object-fit:contain;
}

.zw-btn{
  min-height:46px;
  border-radius:14px;
  font-weight:700;
}

.zw-btn--primary{
  background:#0c53a5 !important;
}

.zw-btn--accent{
  background:#022041 !important;
}

@media(max-width:768px){

  .zw-logo img{
    height:68px !important;
  }

}

/* ===== ZALWEB LOCAL FONT / ICON FIX ===== */
@font-face{
  font-family:Shabnam;
  src:url('/assets/fonts/Shabnam.woff2') format('woff2'),
      url('/assets/fonts/Shabnam.woff') format('woff');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

body{
  font-family:Shabnam,Tahoma,Arial,sans-serif !important;
}

.fa-solid,.fa-regular,.fa-brands{
  font-family:"Font Awesome 6 Free","Font Awesome 6 Brands" !important;
}

/* ==============================
   ZalWeb Mobile Header Brand Patch
   Bigger logo + ACG slogan on responsive only
============================== */

.zw-mobile-brand-patched{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0;
}

.zw-mobile-brand-patched picture,
.zw-mobile-brand-patched img{
  flex:0 0 auto;
}

.zw-mobile-acg-slogan{
  display:none;
}

@media (max-width: 768px){
  header .zw-mobile-brand-patched img{
    width:auto !important;
    max-width:none !important;
    height:54px !important;
    max-height:54px !important;
    object-fit:contain !important;
  }

  header .zw-mobile-acg-slogan{
    display:inline-flex !important;
    align-items:center;
    max-width:150px;
    font-family:Shabnam,Tahoma,Arial,sans-serif;
    font-size:11px;
    font-weight:800;
    line-height:1.45;
    color:var(--acg-blue, var(--zw-primary, #004c8c));
    white-space:normal;
    text-align:right;
    letter-spacing:-.2px;
  }
}

@media (max-width: 420px){
  header .zw-mobile-brand-patched img{
    height:48px !important;
    max-height:48px !important;
  }

  header .zw-mobile-acg-slogan{
    max-width:128px;
    font-size:10px;
  }
}

/* === ZALWEB FINAL MOBILE BRAND PATCH START === */
.zw-mobile-logo-wrap,
.zw-mobile-brand-line,
.zw-mobile-acg-slogan-final{
  box-sizing:border-box;
}

.zw-mobile-acg-slogan-final{
  display:none;
}

@media (max-width:768px){
  header .zw-mobile-brand-line{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    direction:ltr !important;
    max-width:72vw !important;
    min-width:0 !important;
  }

  header .zw-mobile-logo-wrap{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    line-height:0 !important;
  }

  header .zw-mobile-logo-wrap img{
    display:block !important;
    width:auto !important;
    height:58px !important;
    max-height:58px !important;
    max-width:138px !important;
    object-fit:contain !important;
  }

  header .zw-mobile-logo-wrap picture{
    display:inline-flex !important;
    align-items:center !important;
    line-height:0 !important;
  }

  header .zw-mobile-acg-slogan-final{
    display:inline-block !important;
    flex:0 1 auto !important;
    max-width:145px !important;
    font-family:Shabnam,Tahoma,Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    color:#004c8c !important;
    text-align:left !important;
    white-space:normal !important;
    letter-spacing:.1px !important;
  }
}

@media (max-width:420px){
  header .zw-mobile-logo-wrap img{
    height:52px !important;
    max-height:52px !important;
    max-width:124px !important;
  }

  header .zw-mobile-acg-slogan-final{
    max-width:118px !important;
    font-size:10px !important;
    line-height:1.3 !important;
  }
}
/* === ZALWEB FINAL MOBILE BRAND PATCH END === */