/* ===== PRIMARY BUTTON (Đăng ký/Đăng nhập) ===== */
.header-button .button,
.header-nav .button,
.nav-right .button,
a.button.primary,
.header-main .button {
    font-family: 'Nunito', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    color: #FFFFFF !important;
    background: #2A7FFF !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 8px 16px !important;
    height: 48px !important;
    box-shadow: 0px 4px 0px 0px #255CC7 !important;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.25) !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
}

.header-button .button:hover,
.header-nav .button:hover,
.nav-right .button:hover,
a.button.primary:hover,
.header-main .button:hover {
    background: #1a6fe6 !important;
    transform: translateY(2px) !important;
    box-shadow: 0px 2px 0px 0px #255CC7 !important;
}
.nav > li > a {
    font-family: 'Nunito', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #061533 !important;
}
.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover {
    color: #061533 !important;
    font-weight: 600 !important;
}

/* Button container vertical center */
.header-button,
.nav-right li {
    display: flex !important;
    align-items: center !important;
}

/* Ensure button is vertically centered */
.header-main .button,
.nav-right .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}