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

/* ==============================
   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 === */