@charset "utf-8";

/* Progressive compatibility layer.
   Keep this file last in the theme stylesheet list so unsupported modern
   declarations receive a usable fallback without changing modern browsers. */

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
  #hd.we-header {
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 1px 0 var(--we-color-line, #d8c7ae);
  }

  #hd.we-header #gnb_all,
  #hd.we-header .we-gnbMegaAll__inner,
  #hd.we-header--mobile #gnb_open,
  #hd.we-header--mobile #user_btn,
  #hd.we-header--mobile #gnb .hd_closer,
  #hd.we-header--mobile #user_menu .hd_closer {
    border-color: var(--we-color-line, #d8c7ae);
  }

  #hd.we-header #gnb_all {
    background: linear-gradient(135deg, #fff 0%, var(--we-color-soft, #f6efe4) 100%);
  }

  #hd.we-header.we-depth--all .we-gnbMegaAll__group.is-active {
    background: linear-gradient(180deg, #f1f4f7, rgba(255, 255, 255, 0)) !important;
  }

  #hd.we-header.we-depth--all .we-gnbMegaAll li a:hover,
  #hd.we-header.we-depth--all .we-gnbMegaAll li a:focus,
  #hd.we-header .gnb_1dli.is-mega-active > .gnb_1da {
    background: #f1f4f7;
  }

  .we-mobile-bottom-nav,
  .we-logoAdmin__panel {
    border-color: var(--we-color-line, #d8c7ae);
    background: var(--we-color-surface, #fbf7f0);
  }
}

@supports not (height: 100dvh) {
  #hd.we-header #gnb_all,
  #hd.we-header--mobile #gnb.hd_div {
    height: 100vh;
    max-height: 100vh;
  }

  @media (max-width: 1100px) {
    body.we-gnbAll-opening #hd.we-header #gnb_all_bg,
    body.we-gnbAll-open #hd.we-header #gnb_all_bg,
    body.we-gnbAll-closing #hd.we-header #gnb_all_bg,
    #hd.we-header #gnb_all_bg.is-open {
      min-height: 100vh !important;
    }

    .we-logoAdmin__panel {
      max-height: calc(100vh - 116px) !important;
    }
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #hd.we-header #gnb_all_bg {
    background: rgba(9, 18, 28, .72);
  }

  #hd.we-header,
  #hd.we-header--mobile,
  .we-mobile-bottom-nav,
  .we-logoAdmin__panel {
    background-color: #fff;
  }
}

/* The administrator panel script already maintains this body class.
   These selectors mirror the :has() rules for browsers without :has(). */
@media (max-width: 1100px) {
  body.we-logoAdmin-open {
    overflow: hidden !important;
  }

  body.we-logoAdmin-open #hd.we-header {
    pointer-events: none;
  }

  body.we-logoAdmin-open .we-logoAdmin,
  body.we-logoAdmin-open .we-logoAdmin * {
    pointer-events: auto;
  }

  body.we-logoAdmin-open .we-mobile-bottom-nav {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(18px) !important;
  }
}