/**
 * Mobile drawer menu — สอดคล้องเมนูหลัก frontend-v2 (โทนสว่าง + accent จาก header)
 */
.full-width-header .right_menu_togle.mobile-navbar-menu {
    background: #f4f8fc;
    color: #001d4a;
    padding: 52px 0 24px;
}

.full-width-header .mobile-navbar-menu .close-btn .nav-close {
    top: 18px;
    right: 20px;
}

.full-width-header .mobile-navbar-menu .close-btn .nav-close .line span {
    background: #001d4a !important;
}

.full-width-header .mobile-navbar-menu .close-btn:hover .nav-close .line span {
    background: var(--v2-header-menu-accent, #1a4a9a) !important;
}

.full-width-header .mobile-navbar-menu > .nav-menu {
    padding: 0 24px;
}

.full-width-header .mobile-navbar-menu .nav-menu li a {
    color: #001d4a;
    border-bottom-color: #e2eaf3;
    padding: 12px 0;
    line-height: 1.45;
    font-weight: 600;
    font-size: 15px;
}

.full-width-header .mobile-navbar-menu .nav-menu li li a {
    padding-left: 16px;
    font-weight: 500;
    font-size: 14px;
}

.full-width-header .mobile-navbar-menu .nav-menu li li li a {
    padding-left: 16px;
}

.full-width-header .mobile-navbar-menu span.submenu-button:before,
.full-width-header .mobile-navbar-menu span.submenu-button:after {
    background: var(--v2-header-menu-accent, #1a4a9a);
}

.full-width-header .mobile-navbar-menu .nav-menu li.active-menu > a,
.full-width-header .mobile-navbar-menu .nav-menu li > a:hover {
    color: var(--v2-header-menu-accent, #1a4a9a);
}

.full-width-header .mobile-navbar-menu .nav-menu > li.current-menu-item > a {
    color: var(--v2-header-menu-accent, #1a4a9a);
}

.full-width-header .mobile-navbar-menu .nav-menu > li.current-menu-item {
    background: transparent !important;
    border-left: 3px solid var(--v2-header-bar-bg, #0069d2);
}

.full-width-header .mobile-navbar-menu .nav-menu li li.current-menu-item > a {
    color: var(--v2-header-menu-accent, #1a4a9a);
    background: rgba(0, 105, 210, 0.07);
    border-radius: 6px;
    padding-left: 13px;
    margin-left: -3px;
}

.full-width-header .mobile-navbar-menu .sub-menu {
    background: #fff;
    margin: 0 -24px;
    padding: 4px 24px 8px 40px;
    border-top: 1px solid #e2eaf3;
    border-bottom: 1px solid #e2eaf3;
}

.mobile-nav__cat-link {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.mobile-nav__cat-th {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: inherit;
}

.mobile-nav__cat-en {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    color: #5a6270;
}

.mobile-nav__sub-cats {
    padding-left: 12px !important;
    margin-top: 0 !important;
    border-top: 0 !important;
    background: transparent !important;
}

.mobile-nav__sub-cats > li > a.mobile-nav__cat-link--child {
    padding-left: 10px !important;
    font-size: 13px !important;
}

.mobile-nav__sub-cats .mobile-nav__cat-th {
    font-size: 13px;
    font-weight: 600;
}

.mobile-nav__sub-cats .mobile-nav__cat-en {
    font-size: 11px;
}

.mobile-nav__item-cta > a {
    font-weight: 600 !important;
    color: var(--v2-header-menu-accent, #1a4a9a) !important;
    border-top: 1px dashed #d8e3f0;
    margin-top: 4px;
    padding-top: 14px !important;
}

.full-width-header .mobile-navbar-menu .canvas-contact--mobile-topbar {
    background: #fff;
    border-top: 1px solid #e2eaf3;
    margin-top: 8px;
    padding: 18px 24px 22px;
}

.full-width-header .mobile-navbar-menu .canvas-contact--mobile-topbar .topbar-contact-panel {
    padding-left: 0;
}

.full-width-header .mobile-navbar-menu .canvas-contact--mobile-topbar .topbar-contact-item {
    border-bottom-color: #e8eef5;
    padding: 12px 0;
}

.full-width-header .mobile-navbar-menu .canvas-contact--mobile-topbar .topbar-contact-item--phone {
    padding-left: 0 !important;
}

.full-width-header .mobile-navbar-menu .canvas-contact--mobile-topbar .topbar-contact-label,
.full-width-header .mobile-navbar-menu .canvas-contact--mobile-topbar .topbar-contact-value,
.full-width-header .mobile-navbar-menu .canvas-contact--mobile-topbar .topbar-contact-hint {
    color: #001d4a;
}

.full-width-header .mobile-navbar-menu .canvas-contact--mobile-topbar .topbar-contact-value a {
    color: var(--v2-header-menu-accent, #1a4a9a);
}