@import "head.css";
@import "variables.css";
@import "footer.css";
@import "all-issue.css";
@import "about-content.css";
@import "content_section.css";
@import "editors-section.css";
@import "userLogin.css";
@import "userRegister.css";
@import "navigationMenuItemViewContent.css";
@import "submissions.css";
@import "stats-tooltip.css";
@import "about-page.css";
@import "articles-section.css";

* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "ElsevierSans";
  src: url("../fonts/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "ElsevierSans";
  src: url("../fonts/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}

body {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", sans-serif;
}

.custom1-main {
  padding: 20px 0;
}

/* Container thống nhất cho tất cả sections */
.containerr {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-left: 50px !important;
  padding-right: 50px !important;
  box-sizing: border-box !important;
}

.pkp_structure_content .containerr,
.content-main .pkp_structure_content .containerr,
.articles-section .containerr,
.stats-section .containerr,
.editors-section .containerr,
div .containerr {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-left: 50px !important;
  padding-right: 50px !important;
  box-sizing: border-box !important;
}

/* Override OJS default padding để đảm bảo alignment */
.pkp_structure_content {
  padding: 0 !important;
}

.pkp_structure_main {
  margin: 0 !important;
}

/* Đảm bảo các section không có padding/margin thừa */
.content-main,
.stats-section,
.editors-section,
.articles-section {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Đảm bảo container wrapper không có padding */
.page_index_journal {
  padding: 0 !important;
}

/* Force ElsevierSans font cho Statistics Section - override mọi CSS khác */
.stats-section,
.stats-section * {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode,
    Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math,
    Arial Unicode MS, sans-serif !important;
}

@media (min-width: 1025px) {
  .containerr,
  .pkp_structure_content .containerr,
  .content-main .pkp_structure_content .containerr,
  .articles-section .containerr,
  .stats-section .containerr,
  .editors-section .containerr,
  div .containerr {
    max-width: 1280px !important;
  }
}

/* Responsive container */
@media (max-width: 992px) {
  .containerr,
  .pkp_structure_content .containerr,
  .content-main .pkp_structure_content .containerr,
  .articles-section .containerr,
  .stats-section .containerr,
  .editors-section .containerr,
  div .containerr {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (max-width: 768px) {
  .containerr,
  .pkp_structure_content .containerr,
  .content-main .pkp_structure_content .containerr,
  .articles-section .containerr,
  .stats-section .containerr,
  .editors-section .containerr,
  div .containerr {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 576px) {
  .containerr,
  .pkp_structure_content .containerr,
  .content-main .pkp_structure_content .containerr,
  .articles-section .containerr,
  .stats-section .containerr,
  .editors-section .containerr,
  div .containerr {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}