/* ===== Navigation Bar - J-STYLE Inspired ===== */

/* Header background - dark blue gradient */
.ast-primary-header-bar,
.ast-desktop-header-content,
.ast-mobile-header-content {
    background: linear-gradient(135deg, #0a1f44 0%, #0d2a5c 100%) !important;
    min-height: 64px !important;
}

/* Remove bottom border */
.ast-primary-header-bar {
    border-bottom: none !important;
}

/* Brand name - white, bold */
.site-title, .site-title a {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
}

.site-title a:hover {
    color: #7ec8e3 !important;
}

/* Site description hidden */
.site-header .site-description {
    display: none !important;
}

/* Menu items - white text, centered */
.main-header-menu > .menu-item > .menu-link {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    padding: 0 18px !important;
    transition: color 0.2s ease !important;
}

/* Current/active menu item - accent color */
.main-header-menu > .menu-item.current-menu-item > .menu-link,
.main-header-menu > .menu-item.current-menu-ancestor > .menu-link {
    color: #7ec8e3 !important;
}

/* Hover - accent color */
.main-header-menu > .menu-item:hover > .menu-link {
    color: #7ec8e3 !important;
}

/* Dropdown arrow - white */
.ast-header-navigation-arrow .ast-icon,
.main-header-menu > .menu-item > .ast-menu-toggle {
    color: #ffffff !important;
}

/* Dropdown toggle hover */
.main-header-menu > .menu-item:hover > .ast-menu-toggle {
    color: #7ec8e3 !important;
}

/* Sub-menu styling */
.ast-builder-menu-1 .sub-menu {
    background: #0d2a5c !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
}

.ast-builder-menu-1 .sub-menu .menu-link {
    color: #ffffff !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
}

.ast-builder-menu-1 .sub-menu .menu-item:hover > .menu-link {
    color: #7ec8e3 !important;
    background: rgba(255,255,255,0.05) !important;
}

/* Line height for menu items */
.ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: 64px !important;
}

/* Main header bar alignment - center the nav */
.ast-main-header-bar-alignment {
    flex: 1;
    justify-content: center;
}

.main-header-bar-navigation {
    display: flex;
    justify-content: center;
}

/* Header inner layout */
.ast-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Site identity (logo area) on the left */
.ast-builder-layout-element[data-section="title_tagline"] {
    flex-shrink: 0;
}

/* Full-width header */
.ast-container {
    max-width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* Transparent header override - remove if set */
.ast-theme-transparent-header .ast-primary-header-bar {
    background: linear-gradient(135deg, #0a1f44 0%, #0d2a5c 100%) !important;
}

/* Mobile menu adjustments */
.ast-mobile-header-wrap .ast-primary-header-bar {
    background: linear-gradient(135deg, #0a1f44 0%, #0d2a5c 100%) !important;
}

/* Hide the mobile menu button Chinese text issue */
.ast-mobile-menu-buttons {
    display: none !important;
}