/* HINOX header / logo / language / preloader refinements */

/* HINOX enlarged logo column + visual crop */
body header .hx-logo-col{
  overflow:visible!important;
}
body header .hx-logo-col .logo,
body header .hx-logo-col .standard-logo{
  width:100%!important;
  overflow:visible!important;
  justify-content:center!important;
}
body header .hx-logo-col .standard-logo img,
body header .hx-logo-col .logo img{
  width:220px!important;
  max-width:none!important;
  max-height:none!important;
  height:auto!important;
  clip-path:inset(11% 17% 10% 17%);
  transform:scale(1.08)!important;
  transform-origin:center center!important;
  margin-inline:-18px!important;
}
@media(max-width:1199px){
  body header .hx-logo-col .standard-logo img,
  body header .hx-logo-col .logo img{
    width:190px!important;
    transform:scale(1.04)!important;
    margin-inline:-12px!important;
  }
}
@media(max-width:767px){
  body header .hx-logo-col .standard-logo img,
  body header .hx-logo-col .logo img{
    width:165px!important;
    transform:scale(1.02)!important;
    margin-inline:-8px!important;
  }
}


/* ===== HINOX unified header across all templates ===== */
body header .tp-header-area{
  background:#fff!important;
  color:#0f2742!important;
}
body header .tp-header-top-2{
  display:block;
  min-height:42px!important;
  background:#0f2742!important;
  border:0!important;
  color:#fff!important;
}
body header .tp-header-top-2 .container,
body header .tp-header-top-2 .row{
  min-height:42px!important;
}
body header .tp-header-info,
body header .tp-header-top-right,
body header .tp-header-top-menu{
  min-height:42px!important;
}
body header .tp-header-info-item a,
body header .tp-header-info-item a span,
body header .hx-top-account a{
  color:#fff!important;
  opacity:1!important;
}
body header .tp-header-info-item a:hover,
body header .hx-top-account a:hover{
  color:#b8e34a!important;
}
body header .tp-header-bottom-2,
body header #header-sticky,
body header .tp-header-sticky{
  min-height:112px!important;
  background:#fff!important;
  border:0!important;
  box-shadow:0 1px 0 rgba(15,39,66,.08)!important;
}
body header .tp-header-bottom-2 .container,
body header .tp-header-bottom-2 .tp-mega-menu-wrapper,
body header .tp-header-bottom-2 .row{
  min-height:112px!important;
}
body header .main-menu .nav-links,
body header .tp-main-menu-content > ul > li > a{
  color:#0f2742!important;
  font-weight:750!important;
}
body header .main-menu .nav-links:hover,
body header .tp-main-menu-content > ul > li:hover > a,
body header .tp-main-menu-content > ul > li.active > a,
body header .tp-main-menu-content > ul > li.current-menu-item > a{
  color:#84bd00!important;
}
body header .tp-header-action-btn,
body header .tp-offcanvas-open-btn{
  color:#0f2742!important;
}
body header .logo,
body header .logo a{
  display:flex!important;
  align-items:center!important;
  min-height:112px!important;
}
body header .logo img,
body header .standard-logo img,
body header .secondary-logo img{
  width:520px!important;
  max-width:520px!important;
  max-height:170px!important;
  transform:scale(1.18);
  transform-origin:center;
}
body header .hx-top-account{
  display:flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0 12px!important;
  border-inline-end:1px solid rgba(255,255,255,.22)!important;
}
body header .hx-top-account a{
  color:#fff!important;
  text-shadow:none!important;
  -webkit-text-fill-color:#fff!important;
}
body header .hx-top-language{
  min-height:34px!important;
}
body header .hx-top-language .trp-language-switcher > div{
  background:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
}

@media(max-width:767px){
  body header .tp-header-top-2{display:none!important}
  body header .tp-header-bottom-2,
  body header #header-sticky,
  body header .tp-header-sticky,
  body header .tp-header-bottom-2 .container,
  body header .tp-header-bottom-2 .tp-mega-menu-wrapper,
  body header .tp-header-bottom-2 .row,
  body header .logo,
  body header .logo a{
    min-height:86px!important;
  }
  body header .logo img,
  body header .standard-logo img,
  body header .secondary-logo img{
    width:320px!important;
    max-width:320px!important;
    max-height:108px!important;
    transform:scale(1.12);
  }
}


/* Header logo: transparent, no secondary box/background */
.logo,
.logo a,
.standard-logo,
.secondary-logo{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.logo img,
.standard-logo img,
.secondary-logo img{
  display:block!important;
  width:auto!important;
  max-width:520px!important;
  max-height:170px!important;
  height:auto!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Remove TranslatePress item from navigation menus */
.tp-main-menu-content .trp-language-switcher-container,
.main-menu .trp-language-switcher-container,
.tp-offcanvas-menu .trp-language-switcher-container,
.tp-mobile-menu .trp-language-switcher-container{
  display:none!important;
}

/* Language switcher in top bar */
.tp-header-top-menu .tp-header-currency,
.tp-header-top-menu .tp-header-setting{display:none!important}
.hx-top-account{display:flex;align-items:center;margin-inline-end:10px}
.hx-top-account a{color:#ffffff!important;font-size:12px;font-weight:800;text-decoration:none!important}
.hx-top-account a:hover{color:#b8e34a!important}
.hx-top-language{
  display:flex;
  align-items:center;
  margin-inline-start:12px;
}
.hx-top-language .trp-language-switcher{
  width:auto!important;
  height:auto!important;
}
.hx-top-language .trp-language-switcher > div{
  width:auto!important;
  min-width:112px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid rgba(15,39,66,.12)!important;
  border-radius:10px!important;
  background:#fff!important;
  overflow:visible!important;
}
.hx-top-language .trp-language-switcher > div > a{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:6px 10px!important;
  color:#0f2742!important;
  font-size:12px!important;
  font-weight:750!important;
  text-decoration:none!important;
}
.hx-top-language .trp-language-switcher img{
  width:18px!important;
  height:auto!important;
  border-radius:2px!important;
}
.hx-top-language .trp-language-switcher .trp-ls-shortcode-language{
  top:34px!important;
  inset-inline-end:0!important;
  z-index:9999!important;
  box-shadow:0 10px 26px rgba(15,39,66,.12)!important;
}

/* Preloader with HINOX logo */
#loading{
  background:#fff!important;
}
.hx-preloader-content{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.hx-preloader-content .tp-preloader-logo{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:230px!important;
  min-height:110px!important;
}
.hx-preloader-content .tp-preloader-circle{
  display:none!important;
}
.hx-preloader-content .tp-preloader-circle svg{
  width:86px!important;
  height:86px!important;
  animation:hx-loader-spin 1.15s linear infinite!important;
}
.hx-preloader-content .tp-preloader-circle circle:first-child{
  stroke:#e8edf2!important;
}
.hx-preloader-content .tp-preloader-circle circle:last-child{
  stroke:#84bd00!important;
  stroke-dasharray:180 950!important;
}
.hx-preloader-logo{
  position:relative!important;
  z-index:2!important;
  width:120px!important;
  max-width:120px!important;
  height:120px!important;
  object-fit:contain!important;
  background:#fff!important;
  border:1px solid #e7edf3!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,39,66,.10)!important;
  clip-path:inset(10% 12% 10% 12% round 18px)!important;
  animation:hx-logo-pulse 1.05s ease-in-out infinite!important;
}
.hx-preloader-content .tp-preloader-title,
.hx-preloader-content .tp-preloader-subtitle{
  display:none!important;
}
@keyframes hx-loader-spin{
  to{transform:rotate(360deg)}
}
@keyframes hx-logo-pulse{
  0%,100%{opacity:.78;transform:scale(.97)}
  50%{opacity:1;transform:scale(1)}
}

@media(max-width:767px){
  .logo img,
  .standard-logo img,
  .secondary-logo img{
    max-width:145px!important;
    max-height:50px!important;
  }
  .hx-top-language{
    margin-inline-start:6px;
  }
}
