/* ==========================================================================
   2. HEADER.CSS - TOPBAR, SWITCHER CHI NHÁNH, MAIN HEADER & MENU
   Dự án: Nâng cấp Website Hệ thống IVF Phương Châu 2026
   Chuẩn 100% theo mẫu HTML/CSS tĩnh đã phê duyệt (trang-chu-2026)
   ========================================================================== */

/* 2.1 TOP BAR (TẦNG 1) */
#ivfTopBar2026,
.mediz-top-bar {
    position: relative !important;
    z-index: 999999999 !important;
    overflow: visible !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 8px 0 !important;
    font-size: 13.5px !important;
    font-family: var(--ivf-font, 'Quicksand', sans-serif) !important;
}

.mediz-top-bar-background {
    background: #ffffff !important;
}

#ivfTopBar2026 .mediz-top-bar-container,
.mediz-top-bar-container {
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.mediz-top-bar-container-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    overflow: visible !important;
}

.mediz-top-bar-left,
.mediz-top-bar-left.mediz-item-pdlr {
    display: flex !important;
    align-items: center !important;
    float: none !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mediz-top-bar-right,
.mediz-top-bar-right.mediz-item-pdlr {
    display: flex !important;
    align-items: center !important;
    float: none !important;
    margin-left: auto !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ivf-topbar-left-inner {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
}

/* Nút Chuyển Đổi Ngôn Ngữ Segmented Pill */
.ivf-lang-toggle {
    display: inline-flex !important;
    align-items: center !important;
    background: #f1f5f9 !important;
    border-radius: 999px !important;
    padding: 2px !important;
    border: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
}
.mediz-body .mediz-top-bar a.ivf-lang-item,
.ivf-lang-toggle .ivf-lang-item,
.ivf-lang-item {
    padding: 3px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    color: #64748b !important;
    transition: all 0.2s ease !important;
    display: inline-block !important;
    line-height: 1.3 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.mediz-body .mediz-top-bar a.ivf-lang-item.active,
.ivf-lang-toggle .ivf-lang-item.active,
.ivf-lang-item.active {
    background: #8A265E !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(138, 38, 94, 0.3) !important;
}
.mediz-body .mediz-top-bar a.ivf-lang-item:hover:not(.active),
.ivf-lang-toggle .ivf-lang-item:hover:not(.active),
.ivf-lang-item:hover:not(.active) {
    color: #A44683 !important;
    background: transparent !important;
}

/* Dấu phân cách */
.ivf-tb-sep {
    width: 1px !important;
    height: 16px !important;
    background: #e2e8f0 !important;
    display: inline-block !important;
    margin: 0 2px !important;
}

/* Hotline & Email */
.ivf-tb-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: #475569 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: color 0.2s ease !important;
}
.ivf-tb-item svg {
    color: #A44683 !important;
    stroke: #A44683 !important;
    flex-shrink: 0 !important;
}
.ivf-tb-item:hover {
    color: #A44683 !important;
}

/* Dropdown Chuyển Chi Nhánh Vinmec Model */
.ivf-location-dropdown {
    position: relative !important;
    display: inline-block !important;
    overflow: visible !important;
    z-index: 9999999999 !important;
}
.ivf-loc-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #fdf2f8 !important;
    border: 1px solid #fbcfe8 !important;
    color: #A44683 !important;
    padding: 5px 14px !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    font-size: 12.5px !important;
    cursor: pointer !important;
    font-family: inherit !important;
    transition: all 0.25s ease !important;
    outline: none !important;
}
.ivf-loc-btn svg {
    stroke: #A44683 !important;
    transition: stroke 0.25s ease !important;
}
.ivf-loc-btn:hover,
.ivf-location-dropdown:hover .ivf-loc-btn,
.ivf-location-dropdown.is-open .ivf-loc-btn {
    background: #8A265E !important;
    color: #ffffff !important;
    border-color: #A44683 !important;
}
.ivf-loc-btn:hover svg,
.ivf-location-dropdown:hover .ivf-loc-btn svg,
.ivf-location-dropdown.is-open .ivf-loc-btn svg {
    stroke: #ffffff !important;
}
.ivf-loc-chevron {
    transition: transform 0.25s ease !important;
}
.ivf-location-dropdown:hover .ivf-loc-chevron,
.ivf-location-dropdown.is-open .ivf-loc-chevron {
    transform: rotate(180deg) !important;
}

/* Menu Dropdown */
.ivf-loc-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #f1f5f9 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.15) !important;
    padding: 12px !important;
    z-index: 99999999999 !important;
    display: none !important;
}

/* CẦU NỐI TÀNG HÌNH ĐẢM BẢO HOVER 100% KHÔNG BỊ RỚT */
.ivf-location-dropdown .ivf-loc-menu::before {
    content: "" !important;
    position: absolute !important;
    top: -14px !important;
    left: 0 !important;
    right: 0 !important;
    height: 14px !important;
    display: block !important;
}

/* Mũi tên Caret tinh tế trỏ lên nút chọn chi nhánh */
.ivf-location-dropdown .ivf-loc-menu::after {
    content: "" !important;
    position: absolute !important;
    top: -6px !important;
    left: 45px !important;
    width: 12px !important;
    height: 12px !important;
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
    border-left: 1px solid #e2e8f0 !important;
    transform: rotate(45deg) !important;
    z-index: 1 !important;
}

.ivf-location-dropdown:hover .ivf-loc-menu,
.ivf-location-dropdown.is-open .ivf-loc-menu,
.ivf-loc-menu.active {
    display: block !important;
}
.ivf-loc-footer a {
    white-space: nowrap !important;
}
.ivf-loc-menu-header {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 4px 8px 8px 8px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    margin-bottom: 8px !important;
}
.ivf-loc-option {
    display: block !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    color: #1e293b !important;
    transition: all 0.2s ease !important;
    border: 1px solid transparent !important;
    margin-bottom: 6px !important;
}
.ivf-loc-option:hover {
    background: #fdf2f8 !important;
    border-color: #fbcfe8 !important;
}
.ivf-loc-option.active {
    background: #fdf2f8 !important;
    border-color: #f472b6 !important;
}
.ivf-loc-option-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 4px !important;
}
.ivf-loc-badge,
.ivf-loc-option-header .ivf-loc-badge {
    font-size: 11px !important;
    font-weight: 700 !important;
    background: #8A265E !important;
    color: #ffffff !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    display: inline-block !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}
.ivf-loc-badge.branch,
.ivf-loc-option-header .ivf-loc-badge.branch {
    background: #007c94 !important;
    color: #ffffff !important;
}
.ivf-loc-status {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #10b981 !important;
}
.ivf-loc-title {
    font-weight: 700 !important;
    font-size: 13.5px !important;
    color: #A44683 !important;
    margin-bottom: 3px !important;
}
.ivf-loc-address {
    font-size: 12px !important;
    color: #64748b !important;
    line-height: 1.4 !important;
}

/* Nhóm mạng xã hội Vector SVG */
.ivf-social-group {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.mediz-body .mediz-top-bar a.ivf-social-btn,
.ivf-social-btn {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}
.ivf-social-btn svg,
.mediz-body .mediz-top-bar a.ivf-social-btn svg {
    fill: #64748b !important;
    transition: fill 0.25s ease !important;
}
.mediz-body .mediz-top-bar a.ivf-social-btn:hover,
.mediz-body .mediz-top-bar a.ivf-social-btn:active,
.ivf-social-btn:hover,
.ivf-social-btn:active {
    background: #8A265E !important;
    color: #ffffff !important;
    border-color: #A44683 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(138, 38, 94, 0.25) !important;
}
.mediz-body .mediz-top-bar a.ivf-social-btn:hover svg,
.mediz-body .mediz-top-bar a.ivf-social-btn:active svg,
.ivf-social-btn:hover svg,
.ivf-social-btn:active svg {
    fill: #ffffff !important;
}

/* Ẩn cờ mặc định của Polylang/WPML vì đã có Segmented Pill VN | EN */
.mediz-top-bar .mediz-custom-wpml-flag,
.mediz-top-bar-left > .mediz-custom-wpml-flag {
    display: none !important;
}

/* 2.2 MAIN HEADER (TẦNG 2) */
.mediz-header-wrap.mediz-header-style-bar,
.mediz-header-wrap {
    position: relative !important;
    z-index: 50 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 16px 0 !important;
}

.mediz-header-container {
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    display: block !important;
}

.mediz-header-container-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.mediz-logo,
.mediz-logo.mediz-item-pdlr {
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.mediz-logo img {
    max-height: 52px !important;
    width: auto !important;
    mix-blend-mode: multiply !important;
}

.mediz-logo-right-text,
.mediz-logo-right-text.mediz-item-pdlr,
.page-id-14726 .mediz-logo-right-text,
body .mediz-logo-right-text {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    margin-left: auto !important;
    float: none !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.mediz-logo-right-text-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.mediz-logo-right-text-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: #fdf2f8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #A44683 !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}
.mediz-logo-right-text-icon svg {
    stroke: #8A265E !important;
}
.mediz-logo-right-text-title {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    margin-bottom: 2px !important;
}
.mediz-logo-right-text-caption {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #A44683 !important;
    line-height: 1.2 !important;
}

/* 2.3 NAVIGATION BAR (TẦNG 3) - CĂN THẲNG LỀ CONTAINER 1320PX ĐỒNG NHẤT 3 TẦNG */
.mediz-navigation-container {
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.mediz-logo img {
    max-height: 52px !important;
    width: auto !important;
    mix-blend-mode: multiply !important;
}

/* 2.4 NAVIGATION BAR WRAPPER */
.mediz-navigation-bar-wrap {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
}
.mediz-navigation-bar-wrap.is-sticky,
.mediz-navigation-bar-wrap.mediz-fixed-navigation {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999999 !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.08) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(10px) !important;
}
body.admin-bar .mediz-navigation-bar-wrap.is-sticky,
body.admin-bar .mediz-navigation-bar-wrap.mediz-fixed-navigation {
    top: 32px !important;
    margin-top: 0 !important;
}
@media screen and (max-width: 782px) {
    body.admin-bar .mediz-navigation-bar-wrap.is-sticky,
    body.admin-bar .mediz-navigation-bar-wrap.mediz-fixed-navigation {
        top: 46px !important;
        margin-top: 0 !important;
    }
}

.mediz-navigation,
.mediz-navigation.mediz-item-pdlr {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 0 !important;
    min-height: 64px !important;
}

.mediz-main-menu {
    display: flex !important;
    align-items: center !important;
    float: none !important;
}

.mediz-main-menu-right-wrap {
    display: flex !important;
    align-items: center !important;
    margin-left: auto !important;
    float: none !important;
    flex-shrink: 0 !important;
}

/* NÚT ĐẶT LỊCH KHÁM (Pill gradient với SVG Icon Lịch) */
.mediz-main-menu-right-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #8A265E 0%, #A44683 100%) !important;
    color: #ffffff !important;
    font-family: var(--ivf-font, 'Quicksand', sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    padding: 9px 20px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(138, 38, 94, 0.3) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    line-height: 1.2 !important;
    border: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
}
.mediz-main-menu-right-button svg {
    stroke: #ffffff !important;
    flex-shrink: 0 !important;
}
.mediz-main-menu-right-button:hover {
    background: linear-gradient(135deg, #701D4B 0%, #8A265E 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(138, 38, 94, 0.45) !important;
    color: #ffffff !important;
}

/* 2.5 MENU ITEMS */
.mediz-main-menu .sf-menu,
.mediz-navigation .sf-menu {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex-wrap: nowrap !important;
}
.mediz-navigation .sf-menu > li,
.mediz-main-menu .sf-menu > li {
    display: inline-block !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.mediz-navigation .sf-menu > li > a,
.mediz-main-menu .sf-menu > li > a {
    font-family: 'Quicksand Light Medium', var(--ivf-font, 'Quicksand', sans-serif) !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    padding: 22px 10px !important;
    border-radius: 0 !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
    transition: color 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    position: relative !important;
    background: transparent !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
}

@media (max-width: 1366px) {
    .mediz-navigation .sf-menu > li > a,
    .mediz-main-menu .sf-menu > li > a {
        font-size: 13.5px !important;
        padding: 22px 7px !important;
    }
}

/* Mũi tên Caret nhỏ cho mục có menu con */
.mediz-navigation .sf-menu > li.menu-item-has-children > a::after,
.mediz-main-menu .sf-menu > li.menu-item-has-children > a::after {
    content: "" !important;
    display: inline-block !important;
    width: 4px !important;
    height: 4px !important;
    border-right: 1.5px solid currentColor !important;
    border-bottom: 1.5px solid currentColor !important;
    transform: rotate(45deg) !important;
    margin-left: 6px !important;
    margin-top: -2px !important;
    transition: transform 0.2s ease !important;
    opacity: 0.5 !important;
}
.mediz-navigation .sf-menu > li.menu-item-has-children:hover > a::after,
.mediz-main-menu .sf-menu > li.menu-item-has-children:hover > a::after {
    transform: rotate(-135deg) !important;
    margin-top: 3px !important;
    opacity: 0.9 !important;
}

.mediz-navigation .sf-menu > li:hover > a,
.mediz-navigation .sf-menu > li.sfHover > a,
.mediz-main-menu .sf-menu > li:hover > a,
.mediz-main-menu .sf-menu > li.sfHover > a {
    color: #A44683 !important;
    background: transparent !important;
}
.mediz-navigation .sf-menu > li.current-menu-item > a,
.mediz-main-menu .sf-menu > li.current-menu-item > a {
    color: #A44683 !important;
    background: transparent !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    position: relative !important;
}
.mediz-navigation .sf-menu > li.current-menu-item > a::before,
.mediz-main-menu .sf-menu > li.current-menu-item > a::before {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 14px !important;
    right: 14px !important;
    height: 3px !important;
    background: #8A265E !important;
    border-radius: 3px 3px 0 0 !important;
}

/* Tắt active trên current-menu-ancestor nếu không phải là trang hiện tại (tránh trùng active khi sub-item trỏ về Home) */
.mediz-navigation .sf-menu > li.current-menu-ancestor:not(.current-menu-item) > a::before,
.mediz-main-menu .sf-menu > li.current-menu-ancestor:not(.current-menu-item) > a::before {
    display: none !important;
}
.mediz-navigation .sf-menu > li.current-menu-ancestor:not(.current-menu-item) > a,
.mediz-main-menu .sf-menu > li.current-menu-ancestor:not(.current-menu-item) > a {
    color: #334155 !important;
    font-weight: 500 !important;
}
.mediz-navigation .sf-menu > li.current-menu-ancestor:not(.current-menu-item):hover > a,
.mediz-navigation .sf-menu > li.current-menu-ancestor:not(.current-menu-item).sfHover > a,
.mediz-main-menu .sf-menu > li.current-menu-ancestor:not(.current-menu-item):hover > a,
.mediz-main-menu .sf-menu > li.current-menu-ancestor:not(.current-menu-item).sfHover > a {
    color: #A44683 !important;
}

/* Tắt slide bar legacy */
#mediz-navigation-slide-bar,
.mediz-navigation-slide-bar {
    display: none !important;
}

/* 2.6 DROPDOWN SUB-MENUS (Hệ Thống IVF Phương Châu, Hướng Dẫn Khách Hàng, Hiểu Hành Trình) */
.mediz-navigation .sf-menu > li:not(.mediz-mega-menu) > ul.sub-menu,
.mediz-main-menu .sf-menu > li:not(.mediz-mega-menu) > ul.sub-menu,
.mediz-navigation .sf-menu > li > ul.sub-menu:not(.sf-mega),
.mediz-main-menu .sf-menu > li > ul.sub-menu:not(.sf-mega) {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 270px !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    border: 1px solid #f1f5f9 !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12) !important;
    padding: 8px 0 !important;
    margin: 4px 0 0 0 !important;
    list-style: none !important;
    z-index: 999999 !important;
}
.mediz-navigation .sf-menu > li:not(.mediz-mega-menu):hover > ul.sub-menu,
.mediz-main-menu .sf-menu > li:not(.mediz-mega-menu):hover > ul.sub-menu,
.mediz-navigation .sf-menu > li:hover > ul.sub-menu:not(.sf-mega),
.mediz-main-menu .sf-menu > li:hover > ul.sub-menu:not(.sf-mega) {
    display: block !important;
}
.mediz-navigation .sf-menu > li > ul.sub-menu > li,
.mediz-main-menu .sf-menu > li > ul.sub-menu > li,
.mediz-navigation .sf-menu > .mediz-normal-menu ul.sub-menu > li,
.mediz-main-menu .sf-menu > .mediz-normal-menu ul.sub-menu > li,
.sf-menu > .mediz-normal-menu li,
.sf-menu > .mediz-normal-menu ul.sub-menu li {
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}
.mediz-navigation .sf-menu > li > ul.sub-menu > li > a,
.mediz-main-menu .sf-menu > li > ul.sub-menu > li > a {
    display: block !important;
    font-family: 'Quicksand Light Medium', var(--ivf-font, 'Quicksand', sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    padding: 9px 18px !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    margin: 2px 8px !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    white-space: nowrap !important;
}
.mediz-navigation .sf-menu > li > ul.sub-menu > li > a:hover,
.mediz-main-menu .sf-menu > li > ul.sub-menu > li > a:hover {
    color: #a44683 !important;
    background: #fdf2f8 !important;
    padding-left: 24px !important;
}

/* 2.7 MEGA MENU 4 CỘT HIỆN ĐẠI (Dịch Vụ) */
.mediz-navigation .sf-menu > li.mediz-mega-menu,
.mediz-main-menu .sf-menu > li.mediz-mega-menu {
    position: static !important;
}
.mediz-navigation .sf-menu > li.mediz-mega-menu .sf-mega,
.mediz-navigation .sf-menu > li.mediz-mega-menu .sf-mega-full,
.mediz-main-menu .sf-menu > li.mediz-mega-menu .sf-mega,
.mediz-main-menu .sf-menu > li.mediz-mega-menu .sf-mega-full {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: 1272px !important;
    width: calc(100% - 48px) !important;
    margin: 0 auto !important;
    background-color: #ffffff !important;
    background-image: url('/wp-content/uploads/2019/12/mega-nav-bg.jpg') !important;
    background-position: 28px 24px !important;
    background-size: 280px auto !important;
    background-repeat: no-repeat !important;
    border-radius: 20px !important;
    border: 1px solid rgba(164, 70, 131, 0.16) !important;
    box-shadow: 0 24px 48px -10px rgba(164, 70, 131, 0.18), 0 10px 24px -4px rgba(0, 0, 0, 0.06) !important;
    padding: 32px 36px !important;
    box-sizing: border-box !important;
    z-index: 999999 !important;


}
.mediz-navigation .sf-menu > li.mediz-mega-menu:hover .sf-mega,
.mediz-navigation .sf-menu > li.mediz-mega-menu:hover .sf-mega-full,
.mediz-main-menu .sf-menu > li.mediz-mega-menu:hover .sf-mega,
.mediz-main-menu .sf-menu > li.mediz-mega-menu:hover .sf-mega-full {
    display: block !important;
}
/* Cho phép văn bản trong Mega Menu ngắt dòng bình thường */
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega,
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega-section,
.mediz-mega-menu-section-content,
.mediz-mega-menu-section-content * {
    white-space: normal !important;
    word-break: normal !important;
}
.mediz-navigation .sf-menu > li.mediz-mega-menu .sf-mega > ul.sub-menu,
.mediz-navigation .sf-menu > li.mediz-mega-menu .sf-mega-full > ul.sub-menu,
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega-section-wrap,
.sf-mega-section-wrap {
    overflow: visible !important;
    border-top: none !important;
    display: flex !important;
    gap: 0 !important;
    width: 100% !important;
}
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega-section,
.sf-mega-section {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-left: none !important;
    border-right: 1px solid #eef2f6 !important;
    float: none !important;
    flex: 1 1 0 !important;
    width: 25% !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega-section:first-child,
.sf-mega-section:first-child {
    flex: 1 1 0 !important;
    width: 25% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
}
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega-section:last-child,
.sf-mega-section:last-child {
    border-right: none !important;
    padding-right: 0 !important;
}
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega-section-inner,
.sf-mega-section-inner {
    padding: 0 !important;
}

.mediz-mega-menu-section-content {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
}

/* CỘT 1: SHOWCASE BANNER BUNG RỘNG (dành cho custom template nếu dùng) */
.ivf-mega-showcase-col {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    background: #fafbfc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}
.ivf-mega-showcase-col:hover {
    border-color: rgba(164, 70, 131, 0.3) !important;
    box-shadow: 0 8px 24px rgba(164, 70, 131, 0.08) !important;
}
.ivf-mega-showcase-media {
    width: 100% !important;
    height: 165px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    background: #f1f5f9 !important;
    flex-shrink: 0 !important;
}
.ivf-mega-showcase-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 0 !important;
    margin: 0 !important;
    transition: transform 0.35s ease !important;
}
.ivf-mega-showcase-col:hover .ivf-mega-showcase-img {
    transform: scale(1.05) !important;
}
.ivf-mega-showcase-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background: rgba(164, 70, 131, 0.94) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    backdrop-filter: blur(4px) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.22) !important;
}
.ivf-mega-showcase-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: 16px 16px 18px 16px !important;
}
.ivf-mega-showcase-desc {
    font-family: var(--ivf-font, 'Quicksand', sans-serif) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #64748b !important;
    font-weight: 500 !important;
    margin: 0 0 12px 0 !important;
}
.ivf-mega-showcase-link {
    margin-top: auto !important;
    font-family: var(--ivf-font, 'Quicksand', sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #a44683 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    transition: all 0.18s ease !important;
}
.ivf-mega-showcase-link:hover {
    color: #007c94 !important;
    gap: 9px !important;
}

/* CỘT 2, 3, 4 MEGA MENU TIÊU ĐỀ & ITEMS */

.sf-mega-section-inner > a,
.mediz-navigation .sf-menu > li.mediz-mega-menu .sf-mega .sf-mega-section-inner > a,
.mediz-navigation .sf-menu > li.mediz-mega-menu .sf-mega > ul.sub-menu > li > a,
.mediz-navigation .sf-menu > li.mediz-mega-menu .sf-mega > ul.sub-menu > li > a:hover {
    font-family: 'Quicksand Light Medium', var(--ivf-font, 'Quicksand', sans-serif) !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #087b97 !important;
    padding: 0 0 12px 0 !important;
    margin-bottom: 10px !important;
    border-bottom: none !important;
    display: block !important;
    text-transform: none !important;
    letter-spacing: 0.1px !important;
}
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega ul.sub-menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    position: static !important;
}
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega ul.sub-menu > li {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
}
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega ul.sub-menu > li > a {
    font-family: 'Quicksand Light Medium', var(--ivf-font, 'Quicksand', sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    padding: 8px 12px 8px 10px !important;
    border-radius: 8px !important;
    margin: 2px 0 !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    background: transparent !important;
    position: relative !important;
}
/* Mũi tên chevron tinh tế màu xanh đặc trưng #007c94 */
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega ul.sub-menu > li > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 4px !important;
    height: 4px !important;
    border-right: 1.5px solid #007c94 !important;
    border-top: 1.5px solid #007c94 !important;
    transform: rotate(45deg) !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega ul.sub-menu > li > a:hover {
    color: #a44683 !important;
    background: #fdf2f8 !important;
    padding-left: 16px !important;
}
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega ul.sub-menu > li > a:hover::before {
    border-color: #a44683 !important;
    transform: rotate(45deg) translateX(2px) translateY(-2px) !important;
}

/* Cột 1 Mega Menu: Cột Bác sĩ & Thông điệp tiêu chuẩn JCI & RTAC */
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega-section:first-child .sf-mega-section-inner {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega-section:first-child .mediz-mega-menu-section-content {
    margin-top: 0 !important;
    padding-top: 140px !important;
}
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega-section:first-child .mediz-mega-menu-section-content > div {
    margin-left: 0 !important;
    line-height: 1.55 !important;
}
.mediz-navigation .sf-menu > .mediz-mega-menu .sf-mega-section:first-child .mediz-mega-menu-section-content span {
    font-size: 13px !important;
    color: #8A265E !important;
    display: block !important;
    line-height: 1.55 !important;
}



/* Badges cho Mega Menu */
.ivf-menu-tag {
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 7px !important;
    border-radius: 6px !important;
    margin-left: auto !important;
    white-space: nowrap !important;
}
.ivf-tag-hot {
    background: #ffe4e6 !important;
    color: #e11d48 !important;
}
.ivf-tag-tech {
    background: #e0f2fe !important;
    color: #0284c7 !important;
}