/* ===== COMMON NAV : AI 구독 가이드 포함 7개 메뉴 ===== */

.desktop-nav {
  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  max-width: 100% !important;

  gap: 0 !important;

  overflow: visible !important;

  box-sizing: border-box !important;
}

.desktop-nav > .nav-dropdown,
.desktop-nav > .nav-direct-link,
.desktop-nav > .nav-home-text-link {
  flex: 1 1 0 !important;

  min-width: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding-left: 6px !important;
  padding-right: 6px !important;

  box-sizing: border-box !important;
}

.desktop-nav > .nav-dropdown > .nav-dropdown-trigger {
  width: 100% !important;

  justify-content: center !important;

  padding-left: 4px !important;
  padding-right: 4px !important;

  box-sizing: border-box !important;
}

.desktop-nav .nav-direct-link,
.desktop-nav .nav-dropdown-trigger {
  white-space: nowrap !important;
}

.desktop-nav .ai-subscription-guide-nav {
  white-space: nowrap !important;
}


/* 600px 이하에서도 7개 메뉴 한 줄 유지 */
@media (max-width: 600px) {
  .desktop-nav {
    display: flex !important;

    width: 100% !important;
    min-width: 100% !important;

    gap: 0 !important;

    padding-left: 4px !important;
    padding-right: 4px !important;

    overflow: visible !important;
  }

  .desktop-nav > .nav-dropdown,
  .desktop-nav > .nav-direct-link,
  .desktop-nav > .nav-home-text-link {
    flex: 1 1 0 !important;

    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .desktop-nav .nav-direct-link,
  .desktop-nav .nav-dropdown-trigger {
    font-size: 12px !important;
  }

  .desktop-nav .ai-subscription-guide-nav {
    font-size: 11px !important;
  }
}

/* ===== DEV COMMON NAV PC UI UNIFICATION ===== */
@media (min-width: 601px) {
  .desktop-nav {
    gap: 8px !important;
  }

  .desktop-nav > .nav-dropdown,
  .desktop-nav > .nav-direct-link,
  .desktop-nav > .nav-home-text-link {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  .desktop-nav .nav-dropdown-trigger,
  .desktop-nav .nav-direct-link {
    font-size: 16px !important;
    font-weight: 700 !important;
  }
}

/* ===== DEV DETAIL PAGE PC NAV GAP UNIFICATION ===== */
@media (min-width: 601px) {
  body.detail-page .desktop-nav {
    gap: 8px !important;
  }
}

/* ===== PC NAV : MATCH MAIN PAGE LAYOUT ===== */
@media (min-width: 601px) {

  body .nav-header nav.desktop-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 8px !important;
    padding: 0 !important;
  }

  body .nav-header nav.desktop-nav > .nav-dropdown,
  body .nav-header nav.desktop-nav > .nav-direct-link,
  body .nav-header nav.desktop-nav > .nav-home-text-link {
    flex: 1 1 0px !important;
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .nav-header nav.desktop-nav .nav-direct-link,
  body .nav-header nav.desktop-nav .nav-dropdown-trigger {
    font-size: 16px !important;
    font-weight: 700 !important;
  }
}

/* ===== AI GUIDE HEADER WIDTH MATCH MAIN ===== */
@media (min-width: 601px) {
  body.ai-subscription-guide-page .site-header {
    width: 600px !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.ai-subscription-guide-page .nav-header {
    width: 600px !important;
    max-width: 600px !important;
    box-sizing: border-box !important;
  }
}

/* ===== AI GUIDE HEADER WIDTH MATCH MAIN ===== */
@media (min-width: 601px) {
  body.ai-subscription-guide-page .site-header {
    width: 600px !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.ai-subscription-guide-page .nav-header {
    width: 600px !important;
    max-width: 600px !important;
    box-sizing: border-box !important;
  }
}

/* ===== AI GUIDE NAV HEADER MATCH MAIN PC ===== */
@media (min-width: 601px) {
  body.ai-subscription-guide-page .nav-header {
    width: 600px !important;
    max-width: 600px !important;

    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;

    padding: 10px 16px !important;
    margin: 0 !important;

    box-sizing: border-box !important;
  }

  body.ai-subscription-guide-page .nav-header nav.desktop-nav {
    width: 100% !important;
    max-width: 100% !important;
    height: 26px !important;
    padding: 0 !important;
    gap: 8px !important;
  }
}

/* ===== COMMON NAV ACTIVE : BLUE TEXT ONLY ===== */
body .desktop-nav .nav-direct-link.is-active,
body .desktop-nav .nav-dropdown-trigger.is-active,
body .desktop-nav .nav-home-text-link.is-active,
body .desktop-nav .nav-direct-link.is-active:hover,
body .desktop-nav .nav-dropdown-trigger.is-active:hover,
body .desktop-nav .nav-home-text-link.is-active:hover {
  background: transparent !important;
  background-color: transparent !important;
  color: #1677d2 !important;
  box-shadow: none !important;
  border-color: transparent !important;
}


/* ===== MAIN PAGE ONLY: EQUAL VISUAL TEXT GAP TEST ===== */

@media (min-width: 601px) {

  body .nav-header nav.desktop-nav {
    justify-content: center !important;
    gap: 18px !important;
  }

  body .nav-header nav.desktop-nav > .nav-dropdown,
  body .nav-header nav.desktop-nav > .nav-direct-link,
  body .nav-header nav.desktop-nav > .nav-home-text-link {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body .nav-header nav.desktop-nav .nav-dropdown-trigger,
  body .nav-header nav.desktop-nav .nav-direct-link,
  body .nav-header nav.desktop-nav .nav-home-text-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ===== PC NAV GAP 18PX : DETAIL + AI GUIDE ===== */
@media (min-width: 601px) {
  body.detail-page .nav-header nav.desktop-nav,
  body.ai-subscription-guide-page .nav-header nav.desktop-nav {
    gap: 18px !important;
  }
}