/* ==========================================================================
   Brand & Logo Stylesheet (ptport-sales-web)
   Independent brand identity styling loaded after reference.css.
   ========================================================================== */

/* Brand Logo Box */
.navi_logo_box {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  z-index: 1002;
}

.navi_logo_box .brand {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  line-height: 0 !important;
  transition: opacity 0.2s ease;
}

.navi_logo_box .brand:hover {
  opacity: 0.92;
}

.navi_logo_box .brand:focus-visible {
  outline: 3px solid #005bac !important;
  outline-offset: 4px !important;
  border-radius: 4px !important;
}

/* Logo Image Elements */
.navi_logo_box img.logo-white,
.navi_logo_box img.logo-dark {
  display: block;
  width: 210px !important;
  max-width: 210px !important;
  height: auto !important;
  object-fit: contain;
  vertical-align: middle;
}

/* Visibility Rules across Header States */
/* 1. Transparent Header (Hero on Main, Sitemap Closed) */
body:not(.sitemap-open) header.header-transparent:not(.header-scrolled) {
  background: linear-gradient(180deg, rgba(8, 20, 38, 0.72) 0%, rgba(8, 20, 38, 0.38) 65%, rgba(8, 20, 38, 0) 100%) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

body:not(.sitemap-open) header.header-transparent:not(.header-scrolled) .gnb > ul > li > a.depth1 {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
  font-weight: 600 !important;
}

body:not(.sitemap-open) header.header-transparent:not(.header-scrolled) .navi_logo_box img.logo-dark {
  display: none !important;
}
body:not(.sitemap-open) header.header-transparent:not(.header-scrolled) .navi_logo_box img.logo-white {
  display: block !important;
}

/* 2. Scrolled Header & Subpages (Light Background) */
header.header-scrolled .navi_logo_box img.logo-white,
body.sub header .navi_logo_box img.logo-white {
  display: none !important;
}
header.header-scrolled .navi_logo_box img.logo-dark,
body.sub header .navi_logo_box img.logo-dark {
  display: block !important;
}

/* 3. Mobile Sitemap / Drawer Open (Faithful to Daegu original light header) */
body.sitemap-open header {
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid #c9deef !important;
  box-shadow: 0 2px 14px rgba(11, 60, 117, 0.06) !important;
}
body.sitemap-open header .navi_logo_box img.logo-white {
  display: none !important;
}
body.sitemap-open header .navi_logo_box img.logo-dark {
  display: block !important;
}
body.sitemap-open header .tel_wrap .tel a {
  color: #005bac !important;
  text-shadow: none !important;
}
body.sitemap-open header .ham.active span {
  background-color: #132238 !important;
}

/* ==========================================================================
   Responsive Viewport Rules: 1440, 430, 390, 360
   Prevents collision with phone (1644-8008) and hamburger menu.
   Maintains phone number size intact.
   ========================================================================== */

@media (max-width: 1023px) {
  .navi_logo_box img.logo-white,
  .navi_logo_box img.logo-dark {
    width: 150px !important;
    max-width: 150px !important;
  }
}

@media (max-width: 480px) {
  .navi_logo_box img.logo-white,
  .navi_logo_box img.logo-dark {
    width: 138px !important;
    max-width: 138px !important;
  }
}

@media (max-width: 380px) {
  .navi_logo_box img.logo-white,
  .navi_logo_box img.logo-dark {
    width: 130px !important;
    max-width: 130px !important;
  }
  .navi {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .top_fixed_wrap {
    gap: 6px !important;
  }
}