/* 1. KẾT NỐI FONT CHỮ VIỆT HÓA */
@font-face {
    font-family: 'Open Sans Journal';
    src: url('/plugins/themes/default/fonts/open-sans-v18-vietnamese-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 2. ĐỊNH DẠNG TỔNG THỂ */
body {
    font-family: 'Open Sans Journal', sans-serif !important;
    background-color: #f4f7f9; /* Màu nền nhẹ giúp nổi bật nội dung */
}

/* 3. LÀM MỚI THANH HEADER (PHONG CÁCH BLU) */
.pkp_structure_head {
    background-color: #ffffff !important; /* Màu xanh đậm chuyên nghiệp */
    border-bottom: 5px solid #003366;
    padding: 5px 0;
}

/* Tên tạp chí/Logo */
.pkp_site_name_wrapper {
    padding: 10px 0;
}

/* 4. THANH ĐIỀU HƯỚNG (MENU) */
.pkp_navigation_primary_wrapper {
    background-color: #003366 !important;
}

.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9em;
}

.pkp_navigation_primary > li > a:hover {
    background-color: #0056b3 !important;
    color: #fff !important;
}

/* 5. CÁC KHỐI BÊN PHẢI (SIDEBAR) */
.pkp_structure_sidebar .block .title {
    background-color: #004a99;
    color: white;
    padding: 12px;
    border-radius: 4px 4px 0 0;
    font-size: 1.1em;
}

.pkp_structure_sidebar .block {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 20px;
}

/* 6. NÚT ĐỌC BÀI BÁO (PDF) */
.obj_article_summary .file {
    background-color: #004a99 !important;
    color: white !important;
    border-radius: 3px;
    padding: 5px 15px;
}
/* 7. ĐỊNH DẠNG THANH TÌM KIẾM */
.pkp_navigation_search_wrapper {
        float: right;
        margin: 0;
        padding: 0;
        border: none
}

.pkp_navigation_search_wrapper a {
        margin: .357rem .5em 0;
        padding: .357rem .5em calc(.714rem - 2px);
        border-bottom: 2px solid transparent;
        color: rgb(255 255 255 / 84%);
        text-decoration: none
}

.pkp_navigation_search_wrapper a:hover {
        color: rgb(0 0 0 / 84%);
        outline: 0;
        border-color: rgba(0,0,0,0.84);
        text-decoration: none
}

.pkp_navigation_search_wrapper a:focus {
        background: rgb(0 51 102);
        color: #fff;
        outline: 0;
        text-decoration: none
}