/* --- 1. ĐỒNG BỘ MENU ADMIN PC: NỀN XANH BANNER, CHỮ TRẮNG RÕ --- */

/* Ép nền của thanh admin và các menu con sang màu #000e3a */
.pkp_navigation_user_wrapper, 
.pkp_navigation_user ul, 
.pkp_navigation_user ul li {
    background-color: #0e164d !important;
    border: none !important;
}

/* Ép chữ các dòng lệnh (Đăng ký, Đăng nhập, admin...) hiện rõ màu trắng */
.pkp_navigation_user a, 
.pkp_navigation_user .label {
    color: #ffffff !important;
    opacity: 1 !important;        /* Xóa bỏ độ mờ mặc định của OJS */
    visibility: visible !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Hiệu ứng khi rê chuột vào menu admin cho chuyên nghiệp */
.pkp_navigation_user a:hover {
    color: #ffd700 !important;   /* Chuyển sang màu vàng nhẹ khi rê chuột vào */
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* --- 2. GIỮ TỶ LỆ BANNER 1920X400 (PC & MOBI) --- */
.pkp_structure_head {
    background-color: #0e164d !important;
    padding: 0 !important;
}

.pkp_site_name .is_img img {
    display: block;
    width: 100% !important;
    max-width: 1920px;
    height: auto !important;     /* Chống méo hình, giữ tỷ lệ 1920x400 */
    max-height: none !important; 
    margin: 0 auto !important;
}

/* --- 3. FIX LỖI LỆCH PHẢI TRÊN MOBILE --- */
@media (max-width: 767px) {
    /* Ép khung chứa Banner tràn tuyệt đối 100% sang trái */
    .pkp_structure_head .pkp_container_center,
    .pkp_site_name_wrapper,
    .pkp_site_name {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .pkp_site_name .is_img img {
        width: 100vw !important;  /* Ép ảnh tràn khít màn hình điện thoại */
        max-width: 100vw !important;
    }

    /* Đưa nút 3 gạch (Menu) nằm đè hẳn lên trên Banner */
    .pkp_site_nav_toggle {
        position: absolute !important;
        left: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 99999 !important;
        color: #ffffff !important;
        background: rgba(0, 0, 0, 0.4) !important; /* Nền tối để nút trắng nổi bật */
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        padding: 8px !important;
        border-radius: 4px;
    }
}

/* Đồng bộ thanh menu chính bên dưới banner */
.pkp_navigation_primary_wrapper {
    background-color: #0e164d !important;
    border: none !important;
}