/* Base custom theme styling for ketquamienbac.vn */
:root {
    --theme-color: #32cd6d;
    --theme-color-rgb: 50, 205, 109;
    --theme-hover: #28b45f;
    --theme-light: rgba(50, 205, 109, 0.1);
}

/* Override background classes to use theme green */
.bg-theme {
    background-color: var(--theme-color) !important;
    color: #ffffff !important;
}

.text-theme {
    color: var(--theme-color) !important;
}

/* Sidebar and rightbar updates */
.bg-red {
    background-color: var(--theme-color) !important;
}

.btn-danger {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-hover) !important;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background-color: var(--theme-hover) !important;
    border-color: var(--theme-hover) !important;
}

/* Mobile menu adjustments */
.mobile-menu-red {
    background-color: var(--theme-color) !important;
}

.mobile-menu-red .level-1 a:hover,
.mobile-menu-red .level-1 a.active {
    background-color: var(--theme-hover) !important;
}

#mobile__menu__aside .menu__header {
    background-color: var(--theme-color) !important;
}

#mobile__menu__aside .level__1 li a:hover {
    color: var(--theme-color) !important;
    background-color: var(--theme-light) !important;
}

/* Body adjustments */
body {
    padding-top: 0 !important;
}

/* --- Thiết kế khung H1 đồng bộ toàn web --- */
.page__header {
    background: #ffffff !important;
    border-left: 4px solid #ef4444 !important; /* Dải màu đỏ bên trái cực kỳ hiện đại */
    border-top: 1px solid #e2e8f0 !important;
    border-right: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.02) !important;
    padding: 12px 18px !important;
    margin-bottom: 20px !important;
    display: block !important;
    width: 100% !important;
}

.page__h1 {
    color: #1e293b !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

@media (max-width: 768px) {
    .page__header {
        padding: 10px 14px !important;
        margin-bottom: 15px !important;
    }
    .page__h1 {
        font-size: 1.15rem !important;
    }
}