/* === CLEAN DEFAULT PKP STRUCTURE === */
.pkp_structure_page,
.pkp_structure_main,
.pkp_structure_sidebar,
.pkp_structure_content,
#main-container,
.page_index_site,
.ojs-index-container,
.ojs-main-wrapper,
.ojs-sidebar-left,
.ojs-sidebar-right,
.ojs-main-content {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

.pkp_structure_page::before,
.pkp_structure_page::after,
.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after,
.pkp_structure_content::before,
.pkp_structure_content::after,
#main-container::before,
#main-container::after,
.page_index_site::before,
.page_index_site::after,
.ojs-index-container::before,
.ojs-index-container::after,
.ojs-main-wrapper::before,
.ojs-main-wrapper::after,
.ojs-sidebar-left::before,
.ojs-sidebar-left::after,
.ojs-sidebar-right::before,
.ojs-sidebar-right::after,
.ojs-main-content::before,
.ojs-main-content::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  position: static !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ===== GLOBAL PAGE WIDTH CONTROL (73%) ===== */
.pkp_structure_page {
    width: 100%;
    margin: 0 auto;
}

/* Main content container - affects ALL pages */
.pkp_structure_main,
.page_index .pkp_structure_main,  /* Homepage */
.page_article .pkp_structure_main, /* Article pages */
.page_issue .pkp_structure_main,   /* Issue pages */
.page_search .pkp_structure_main,  /* Search pages */
.page_about .pkp_structure_main {  /* About pages */
    width: 90% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 2% !important;
    box-sizing: border-box;
}

/* ===== HEADER STYLES (Full width with inner container) ===== */
.pkp_structure_head {
    width: 100%;
    background: #fff; /* Your header color */
}

.pkp_head_wrapper {
    width: 73% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 2% !important;
}

/* ===== FOOTER STYLES (Full width with inner container) ===== */
.pkp_structure_footer {
    width: 100%;
    background: #f8f8f8; /* Your footer color */
}

.pkp_footer_wrapper {
    width: 73% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 2% !important;
}

/* ===== SIDEBAR ADJUSTMENTS ===== */
.pkp_structure_sidebar {
    width: 25%; /* Adjust if needed */
    padding: 0 15px;
    box-sizing: border-box;
}

/* ===== RESPONSIVE FALLBACKS ===== */
@media (max-width: 768px) {
    .pkp_structure_main,
    .pkp_head_wrapper,
    .pkp_footer_wrapper {
        width: 95% !important;
        padding: 0 3% !important;
    }