/* Căn lề cho các đoạn văn bản */
p {
  text-align: justify;
  text-indent: 0cm; /* Định dạng thụt đầu dòng */
  line-height: 1.25; /* Giãn dòng */
}

/* Màu nền của thanh điều hướng */
.pkp_navigation_primary_row {
    background: #0a30a3; 
}

/* Màu chữ và kích thước của thanh điều hướng */
#navigationPrimary a {
    color: #ffffff; /* Chữ màu trắng để nổi bật trên nền xanh đậm */
    font-size: 0.85rem; /* Kích thước chữ dễ đọc */
}

/* Màu chữ của thanh tìm kiếm */
.pkp_navigation_search_wrapper a {
/* color: #fffde7; */
    color: yellow;
}

/* Màu chữ thanh tìm kiếm khi hover hoặc focus */
.pkp_navigation_search_wrapper a:hover, .pkp_navigation_search_wrapper a:focus {
    color: brown; 
}

/* Màu chữ thanh người dùng */
.pkp_navigation_user>li>a {
    color: brown;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Bóng đổ nhẹ */
}


/* Điều chỉnh để menu người dùng không bị xuống dòng */
#navigationUser {
    display: flex; /* Chuyển menu thành một dòng */
    flex-wrap: nowrap; /* Ngăn không cho các mục bị xuống dòng */
    align-items: center; /* Căn chỉnh các mục menu theo chiều dọc */
}


/*
/* Thêm khoảng cách giữa các mục menu */ 
 #navigationUser li {
    margin-right: 0px;} 

/* 
Sửa các thuộc tính của các mục con trong menu: Đảm bảo rằng các mục trong menu không có kích thước hoặc padding quá lớn khiến chúng tràn xuống dòng tiếp theo. Thêm các quy tắc CSS sau để quản lý chiều rộng và khoảng cách giữa các mục:
*/
#navigationUser li a {
    white-space: nowrap; /* Ngăn không cho chữ trong menu bị xuống dòng */
    padding: 5px 10px; /* Giảm padding để các mục menu không chiếm quá nhiều không gian */
    display: inline-block; /* Đảm bảo các mục trong menu nằm trong cùng một dòng */
}



/* Dropdown menu 
Sửa các dropdown menu: Nếu dropdown menu bị xuống dòng, bạn có thể sử dụng white-space: nowrap; và overflow: hidden; để đảm bảo rằng menu con không bị ngắt ra ngoài.
*/
#navigationUser .dropdown-menu {
    white-space: nowrap; /* Ngăn không cho dropdown xuống dòng */
    overflow: hidden; /* Ẩn bớt nội dung nếu menu dài quá */
}

/* Điều chỉnh kích thước cho dropdown */
#navigationUser .dropdown-menu {
    white-space: nowrap; /* Ngăn không cho các mục dropdown xuống dòng */
}

/* Màu chữ của các liên kết trong thanh người dùng khi hover hoặc focus */
.pkp_navigation_user_wrapper ul a:hover, .pkp_navigation_user_wrapper ul a:focus {
    color: #0a30a3; 
}

/* Màu nền của task count trong thanh người dùng */
.pkp_navigation_user .task_count {
    background: #0288d1; /* Màu xanh lam tươi sáng */
}

/* Màu chữ của liên kết trong navigation khi hover */
#navigationPrimary ul a:hover, #navigationPrimary ul a:focus {
    color: #fffde7; /* Màu vàng kem hover */
}

/* Màu chữ của các item trong thanh navigation khi hover */
#navigationPrimary>li>a:hover, #navigationPrimary>li>a:focus {
    border-color: #0a30a3;
    color: #fffde7; /* Màu vàng kem khi hover */
}

/* Banner full với hình nền */
.pkp_site_name_wrapper {
    background-color: #f9f9f9;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
}

.pkp_site_name {
    width: 100%;
    max-width: 100%;
}

.pkp_site_name .is_img img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: none; /* Bỏ giới hạn chiều cao */
    object-fit: cover; /* Giúp ảnh hiển thị đẹp, không méo */
}



/* Màu nền cho phần header */
.pkp_site_name_wrapper {
/*  background-image: url('https://vjgastro.vn/public/site/images/vjgastro_header_background.webp'); */
/*  background-image: url('https://vjgastro.vn/public/site/images/VJG-banner-background.png'); */
/*      background-image: url('https://vjgastro.vn/public/site/images/vjgastro_header_background_org.png'); */
/*    background-color: rgba(255, 255, 255, 0.5); */ /* Điều chỉnh nền màu với độ trong suốt */
    background-color: #f9f9f9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* Màu nền cho phần dropdown trong thanh navigation */
.pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {
    background: #0a30a3; /* Màu xanh đậm khi hover */
}

/* Ẩn logo OJS ở footer */
.pkp_brand_footer {
    display: none;
}

/* Màu nền cho footer */
.pkp_structure_footer_wrapper {
/*    background: #0a30a3; */ /* Màu xanh ngọc sáng cho footer */
   background: #f9f9f9;
    
}

/* Chỉnh sửa màu cho liên kết (a) */
a {
    color: #0a30a3;  
    font-family: "Times New Roman", Times, serif;
    text-decoration: none;
}

/* Màu khi hover các liên kết */
a:hover, a:focus {
    color: brown; /* Màu xanh lá cây nhạt khi hover */
}

/* Chỉnh sửa màu tiêu đề bài viết */
.obj_article_summary>.title {
    color: #004d40;
    font-size: 18px;
    line-height: 1.8rem;
    font-family: "Times New Roman", Times, serif;
}

/* Chỉnh sửa màu tác giả */
.obj_article_summary .meta {
    font-size: 16px;
    line-height: 1.5rem;
}

/* Chỉnh sửa màu số trang và ngày xuất bản */
.obj_article_summary .pages, .obj_article_summary .published {
    font-family: "Times New Roman", Times, serif;
    color: #004d40;
    top: 1rem;
}

/* Màu nền cho phần tiêu đề */
.pkp_structure_main h1, .pkp_structure_main h2 {
    font-family: "Times New Roman", Times, serif;
    font-weight: 700;
}

.pkp_structure_main h2 {
    color: #0a30a3; 
}

/* Các tiêu đề khác (h3, h4, h5, h6) */
.pkp_structure_main h3, .pkp_structure_main h4, .pkp_structure_main h5, .pkp_structure_main h6 {
    font-family: "Times New Roman", Times, serif;
}


/* Chân trang full font-size */

.pkp_structure_footer_wrapper {
    width: 100%; /* Đặt chiều rộng full */
    margin: 0; /* Loại bỏ margin nếu có */
    padding: 0; /* Loại bỏ padding nếu có */
    background-color: ##f9f9f9; /* Đảm bảo màu nền cho footer */
}

/* Màu nền cho footer content */
/*.pkp_footer_content {
    padding: 1rem 2rem;
    text-align: left;
    font-size: 14px;
    */
  .pkp_footer_content,
.pkp_structure_footer_wrapper,
.pkp_footer_content a {
    color: black;
    padding: 1rem 2rem;
    text-align: left;
    font-size: 14px;
 
}
/*  background-image: url('https://vjgastro.vn/public/site/images/vjgastro_footer_background.webp.webp'); */
/*  background-image: url('https://vjgastro.vn/public/site/images/vjgastro_header_background.webp'); */
/*  background-image: url('https://vjgastro.vn/public/site/images/VJG-banner-background.png'); */
/*    background-image: url('https://vjgastro.vn/public/site/images/vjgastro_header_background_org.png'); */
background-color: #c9dee6;
/*    background-color: rgba(255, 255, 255, 0.5); /* Điều chỉnh nền màu với độ trong suốt */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: multiply;
 /*   background-color: rgba(0, 0, 0, 0.2); */
}

/* Chỉnh sửa màu tiêu đề trong các block */
.pkp_block .title {
    display: block;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.143rem;
    text-align: center;
    color: #ffffff;
    background-color: #0a30a3;
    padding: 0.5em;
    font-weight: 700;
    text-transform: uppercase;
}

/* Màu nền cho phần issue summary */
.obj_issue_summary .title {
    font-family: "Times New Roman", Times, serif;
    font-weight: 700;
    text-transform: uppercase;
}

/* Sửa phần cover image */
.obj_issue_toc .cover img, .obj_article_details .cover_image img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* Thêm màu cho phần của issue */
section.current_issue {
    border-top: 2px solid #0a30a3; /* Màu xanh lá cây đậm */
}

.cmp_manuscript_button, .block_make_submission a, .obj_galley_link {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background: #d1925e;
    color: rgba(0, 0, 0, 0.84);
    border: none;
}