/*
=========================================================
 IJMR – International Journal of Management Research
 Professional Rose, Navy & Gold OJS Theme
 Designed for OJS 3.x
=========================================================
*/

/* ---------- 1. THEME VARIABLES ---------- */
:root {
    --ijmr-navy: #17233d;
    --ijmr-navy-2: #22365c;
    --ijmr-rose: #a91f5b;
    --ijmr-rose-dark: #7c1743;
    --ijmr-rose-light: #f8e6ef;
    --ijmr-gold: #d7aa45;
    --ijmr-gold-light: #f5dfad;
    --ijmr-white: #ffffff;
    --ijmr-bg: #f7f8fc;
    --ijmr-text: #2c3445;
    --ijmr-muted: #697386;
    --ijmr-border: #e2e6ef;
    --ijmr-shadow: 0 10px 30px rgba(23, 35, 61, 0.10);
    --ijmr-shadow-hover: 0 16px 38px rgba(23, 35, 61, 0.16);
    --ijmr-radius: 12px;
}

/* ---------- 2. GLOBAL PAGE ---------- */
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--ijmr-text);
    background:
        radial-gradient(circle at 8% 12%, rgba(169, 31, 91, 0.06), transparent 24%),
        radial-gradient(circle at 92% 84%, rgba(34, 54, 92, 0.07), transparent 28%),
        var(--ijmr-bg);
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.7;
}

a {
    color: var(--ijmr-rose);
    text-decoration: none;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease,
                transform .25s ease, box-shadow .25s ease;
}

a:hover,
a:focus {
    color: var(--ijmr-rose-dark);
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

::selection {
    color: var(--ijmr-white);
    background: var(--ijmr-rose);
}

/* ---------- 3. MAIN PAGE WRAPPER ---------- */
.pkp_structure_page {
    width: 100%;
    max-width: none;
    margin: 0;
    background: transparent;
    box-shadow: none;
}

.pkp_structure_content {
    max-width: 1320px;
    margin: 32px auto 48px;
    padding: 0 24px;
    gap: 28px;
}

.pkp_structure_main {
    min-width: 0;
    padding: 30px 34px;
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid var(--ijmr-border);
    border-top: 4px solid var(--ijmr-rose);
    border-radius: var(--ijmr-radius);
    box-shadow: var(--ijmr-shadow);
}

.pkp_structure_main::before,
.pkp_structure_main::after {
    display: none;
}

/* ---------- 4. HEADER ---------- */
.pkp_structure_head {
    position: relative;
    z-index: 1000;
    width: 100%;
    margin: 0;
    background: var(--ijmr-white);
    border-bottom: 0;
    box-shadow: 0 6px 24px rgba(23, 35, 61, 0.10);
}

/* Full-width journal title bar */
.pkp_site_name_wrapper {
    position: relative;
    width: 100%;
    padding: 0;
    overflow: hidden;
    background:
        linear-gradient(120deg, rgba(255,255,255,.05) 0 15%, transparent 15% 40%),
        linear-gradient(135deg, var(--ijmr-navy) 0%, var(--ijmr-navy-2) 48%, var(--ijmr-rose) 100%);
    border-bottom: 4px solid var(--ijmr-gold);
}

/* Soft moving light effect */
.pkp_site_name_wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: -45%;
    width: 32%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(
        100deg,
        transparent 0%,
        rgba(255,255,255,.04) 25%,
        rgba(255,255,255,.22) 50%,
        rgba(255,255,255,.04) 75%,
        transparent 100%
    );
    transform: skewX(-18deg);
    animation: ijmrHeaderShine 8s ease-in-out infinite;
}

@keyframes ijmrHeaderShine {
    0%, 55% { left: -45%; }
    78%, 100% { left: 120%; }
}

.pkp_head_wrapper {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.pkp_site_name {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 30px 0 27px;
    text-align: center;
}

.pkp_site_name a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    color: var(--ijmr-white) !important;
    text-shadow: 0 3px 12px rgba(0,0,0,.22);
}

.pkp_site_name .is_text {
    display: block;
    color: var(--ijmr-white) !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3vw, 47px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .3px;
}

.pkp_site_name .is_text::after {
    content: "Research • Leadership • Innovation";
    display: block;
    width: fit-content;
    margin: 10px auto 0;
    padding: 5px 15px;
    color: var(--ijmr-gold-light);
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(245,223,173,.45);
    border-radius: 50px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

/* Journal logo */
.pkp_site_name .is_img img {
    width: auto;
    max-width: min(100%, 900px);
    max-height: 145px;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,.18));
}

/* ---------- 5. NAVIGATION BAR ---------- */
.pkp_navigation_primary_row {
    width: 100%;
    margin: 0;
    background: var(--ijmr-white);
    border-bottom: 1px solid var(--ijmr-border);
}

.pkp_navigation_primary_wrapper {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

#navigationPrimary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 8px 0;
}

#navigationPrimary > li {
    margin: 0;
}

#navigationPrimary > li > a {
    position: relative;
    display: block;
    padding: 12px 15px;
    color: var(--ijmr-navy);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .35px;
    text-transform: uppercase;
}

#navigationPrimary > li > a::after {
    content: "";
    position: absolute;
    right: 15px;
    bottom: 7px;
    left: 15px;
    height: 2px;
    background: linear-gradient(90deg, var(--ijmr-rose), var(--ijmr-gold));
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .25s ease;
}

#navigationPrimary > li:hover > a,
#navigationPrimary > li > a:focus,
#navigationPrimary > li > a[aria-current="page"] {
    color: var(--ijmr-white);
    background: linear-gradient(135deg, var(--ijmr-rose), var(--ijmr-rose-dark));
    box-shadow: 0 6px 15px rgba(169,31,91,.20);
}

#navigationPrimary > li:hover > a::after,
#navigationPrimary > li > a:focus::after {
    transform: scaleX(1);
}

/* Dropdown menu */
#navigationPrimary ul {
    min-width: 235px;
    padding: 8px;
    background: var(--ijmr-white);
    border: 1px solid var(--ijmr-border);
    border-top: 3px solid var(--ijmr-rose);
    border-radius: 0 0 10px 10px;
    box-shadow: 0 16px 35px rgba(23,35,61,.17);
}

#navigationPrimary ul li {
    border-bottom: 1px solid #f0f1f5;
}

#navigationPrimary ul li:last-child {
    border-bottom: 0;
}

#navigationPrimary ul a {
    display: block;
    padding: 10px 12px;
    color: var(--ijmr-text);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
}

#navigationPrimary ul a:hover,
#navigationPrimary ul a:focus {
    padding-left: 17px;
    color: var(--ijmr-white);
    background: linear-gradient(90deg, var(--ijmr-rose), var(--ijmr-rose-dark));
}

/* ---------- 6. USER MENU, LOGIN & SEARCH ---------- */
.pkp_navigation_user_wrapper {
    position: absolute;
    top: 10px;
    right: 24px;
    z-index: 10;
}

.pkp_navigation_user {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.pkp_navigation_user > li > a {
    display: block;
    padding: 7px 12px;
    color: var(--ijmr-white);
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: var(--ijmr-navy);
    background: var(--ijmr-gold-light);
    border-color: var(--ijmr-gold-light);
}

.pkp_navigation_search_wrapper {
    margin-left: auto;
}

.pkp_search {
    border-radius: 8px;
}

.pkp_search_desktop {
    color: var(--ijmr-navy);
    font-weight: 700;
}

.pkp_search_desktop:hover,
.pkp_search_desktop:focus {
    color: var(--ijmr-rose);
}

/* ---------- 7. PAGE TITLES & TYPOGRAPHY ---------- */
.pkp_structure_main h1,
.pkp_structure_main .page_title {
    position: relative;
    margin: 0 0 27px;
    padding: 14px 18px 14px 22px;
    color: var(--ijmr-white);
    background: linear-gradient(135deg, var(--ijmr-navy), var(--ijmr-rose-dark));
    border-left: 6px solid var(--ijmr-gold);
    border-radius: 9px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(25px, 3vw, 35px);
    font-weight: 700;
    line-height: 1.25;
    box-shadow: 0 8px 18px rgba(23,35,61,.14);
}

.pkp_structure_main h2 {
    margin: 30px 0 15px;
    padding-bottom: 9px;
    color: var(--ijmr-navy);
    border-bottom: 2px solid var(--ijmr-rose-light);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    line-height: 1.3;
}

.pkp_structure_main h2::after {
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    margin-top: 8px;
    background: linear-gradient(90deg, var(--ijmr-rose), var(--ijmr-gold));
    border-radius: 10px;
}

.pkp_structure_main h3,
.pkp_structure_main h4 {
    color: var(--ijmr-rose-dark);
    font-weight: 700;
}

.pkp_structure_main p {
    margin: 0 0 16px;
    color: var(--ijmr-text);
    text-align: justify;
}

.pkp_structure_main ul,
.pkp_structure_main ol {
    padding-left: 23px;
}

.pkp_structure_main li {
    margin-bottom: 7px;
}

.pkp_structure_main hr {
    border: 0;
    border-top: 1px solid var(--ijmr-border);
}

/* ---------- 8. BREADCRUMBS ---------- */
.cmp_breadcrumbs {
    margin-bottom: 20px;
    padding: 10px 14px;
    background: #fbf6f8;
    border: 1px solid #efdae4;
    border-radius: 8px;
    color: var(--ijmr-muted);
}

.cmp_breadcrumbs a {
    color: var(--ijmr-rose-dark);
    font-weight: 600;
}

/* ---------- 9. SIDEBAR ---------- */
.pkp_structure_sidebar {
    width: 300px;
    min-width: 300px;
}

.pkp_structure_sidebar .pkp_block {
    margin: 0 0 22px;
    padding: 20px;
    overflow: hidden;
    background: rgba(255,255,255,.98);
    border: 1px solid var(--ijmr-border);
    border-top: 4px solid var(--ijmr-rose);
    border-radius: var(--ijmr-radius);
    box-shadow: var(--ijmr-shadow);
    transition: transform .25s ease, box-shadow .25s ease;
}

.pkp_structure_sidebar .pkp_block:hover {
    transform: translateY(-3px);
    box-shadow: var(--ijmr-shadow-hover);
}

.pkp_block .title {
    margin: -20px -20px 16px;
    padding: 12px 16px;
    color: var(--ijmr-white);
    background: linear-gradient(135deg, var(--ijmr-navy), var(--ijmr-rose-dark));
    border-bottom: 3px solid var(--ijmr-gold);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.pkp_block .content {
    color: var(--ijmr-text);
}

.pkp_block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pkp_block li {
    margin: 0;
    border-bottom: 1px solid #edf0f5;
}

.pkp_block li:last-child {
    border-bottom: 0;
}

.pkp_block li a {
    display: block;
    padding: 9px 5px;
    color: var(--ijmr-text);
    font-weight: 600;
}

.pkp_block li a::before {
    content: "›";
    margin-right: 7px;
    color: var(--ijmr-rose);
    font-size: 19px;
    font-weight: 800;
    vertical-align: -1px;
}

.pkp_block li a:hover {
    padding-left: 9px;
    color: var(--ijmr-rose);
}

/* Make a Submission block */
.pkp_block.block_make_submission {
    text-align: center;
    border-top-color: var(--ijmr-gold);
}

.pkp_block.block_make_submission .content {
    padding: 0;
}

.pkp_block.block_make_submission a {
    display: block;
    padding: 13px 16px;
    color: var(--ijmr-white) !important;
    background: linear-gradient(135deg, var(--ijmr-rose), var(--ijmr-rose-dark));
    border: 2px solid transparent;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    box-shadow: 0 8px 18px rgba(169,31,91,.24);
}

.pkp_block.block_make_submission a:hover {
    color: var(--ijmr-navy) !important;
    background: var(--ijmr-gold-light);
    border-color: var(--ijmr-gold);
    transform: translateY(-2px);
}

/* ---------- 10. BUTTONS ---------- */
.cmp_button,
.cmp_form .buttons button,
.pkp_button,
button,
input[type="button"],
input[type="submit"],
a.pkp_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 19px;
    color: var(--ijmr-white) !important;
    background: linear-gradient(135deg, var(--ijmr-rose), var(--ijmr-rose-dark));
    border: 0;
    border-radius: 8px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: .3px;
    cursor: pointer;
    box-shadow: 0 7px 16px rgba(169,31,91,.20);
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.cmp_button:hover,
.cmp_form .buttons button:hover,
.pkp_button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
a.pkp_button:hover {
    color: var(--ijmr-navy) !important;
    background: linear-gradient(135deg, var(--ijmr-gold-light), var(--ijmr-gold));
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(23,35,61,.18);
}

/* PDF / galley buttons */
.obj_galley_link,
a.obj_galley_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    padding: 7px 13px;
    color: var(--ijmr-white) !important;
    background: var(--ijmr-rose);
    border: 1px solid var(--ijmr-rose);
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.obj_galley_link:hover,
a.obj_galley_link:hover {
    color: var(--ijmr-navy) !important;
    background: var(--ijmr-gold-light);
    border-color: var(--ijmr-gold);
}

/* ---------- 11. FORMS, LOGIN & SUBMISSION PAGE ---------- */
.cmp_form fieldset {
    margin: 0 0 24px;
    padding: 22px;
    background: #fcfcfe;
    border: 1px solid var(--ijmr-border);
    border-radius: 10px;
}

.cmp_form legend {
    padding: 0 8px;
    color: var(--ijmr-navy);
    font-size: 17px;
    font-weight: 800;
}

.cmp_form label,
.cmp_form .label {
    color: var(--ijmr-navy);
    font-weight: 700;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="search"],
input[type="number"],
select,
textarea {
    width: 100%;
    max-width: 100%;
    padding: 11px 13px;
    color: var(--ijmr-text);
    background: var(--ijmr-white);
    border: 1px solid #cfd5e1;
    border-radius: 7px;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(23,35,61,.03);
    transition: border-color .2s ease, box-shadow .2s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
    border-color: var(--ijmr-rose);
    box-shadow: 0 0 0 3px rgba(169,31,91,.12);
}

.page_login .login,
.page_register .register {
    max-width: 660px;
    margin: 0 auto;
    padding: 28px;
    background: linear-gradient(180deg, #ffffff, #fcf8fa);
    border: 1px solid var(--ijmr-border);
    border-top: 5px solid var(--ijmr-rose);
    border-radius: 12px;
    box-shadow: var(--ijmr-shadow);
}

.page_login .login a,
.page_register .register a {
    font-weight: 700;
}

.page_submissions .cmp_form,
.page_submission .cmp_form {
    padding: 5px;
}

/* Notices and alerts */
.cmp_notification,
.cmp_form .pkp_help,
.pkp_notification {
    padding: 13px 15px;
    color: var(--ijmr-navy);
    background: #fff8e8;
    border: 1px solid #efd18d;
    border-left: 5px solid var(--ijmr-gold);
    border-radius: 7px;
}

/* ---------- 12. CURRENT ISSUE & ARTICLE LIST ---------- */
.current_issue,
.obj_issue_toc {
    overflow: hidden;
    background: var(--ijmr-white);
    border: 1px solid var(--ijmr-border);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(23,35,61,.08);
}

.current_issue .current_issue_title,
.obj_issue_toc .heading {
    padding: 18px 20px;
    background: linear-gradient(135deg, #fff7fb, #f8f4f6);
    border-bottom: 1px solid #ead9e2;
}

.obj_issue_toc .sections {
    padding: 6px 20px 20px;
}

.obj_issue_toc .section {
    margin-top: 22px;
}

.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
    padding: 9px 13px;
    color: var(--ijmr-white);
    background: linear-gradient(90deg, var(--ijmr-navy), var(--ijmr-rose-dark));
    border: 0;
    border-radius: 7px;
    font-size: 18px;
}

.obj_article_summary {
    position: relative;
    margin: 0 0 14px;
    padding: 18px 18px 18px 23px;
    background: var(--ijmr-white);
    border: 1px solid var(--ijmr-border);
    border-left: 4px solid var(--ijmr-rose);
    border-radius: 9px;
    box-shadow: 0 4px 14px rgba(23,35,61,.06);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.obj_article_summary:hover {
    transform: translateY(-3px);
    border-left-color: var(--ijmr-gold);
    box-shadow: 0 11px 25px rgba(23,35,61,.12);
}

.obj_article_summary .title {
    margin-bottom: 7px;
    color: var(--ijmr-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
}

.obj_article_summary .title a {
    color: var(--ijmr-navy);
}

.obj_article_summary .title a:hover {
    color: var(--ijmr-rose);
}

.obj_article_summary .authors,
.obj_article_summary .pages {
    color: var(--ijmr-muted);
    font-size: 13px;
}

/* Issue cover */
.obj_issue_toc .cover img,
.current_issue .cover img,
.obj_issue_summary .cover img {
    border: 6px solid var(--ijmr-white);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(23,35,61,.18);
    transition: transform .3s ease, box-shadow .3s ease;
}

.obj_issue_toc .cover img:hover,
.current_issue .cover img:hover,
.obj_issue_summary .cover img:hover {
    transform: translateY(-4px) scale(1.015);
    box-shadow: 0 18px 36px rgba(23,35,61,.23);
}

/* Archive cards */
.obj_issue_summary {
    padding: 18px;
    background: var(--ijmr-white);
    border: 1px solid var(--ijmr-border);
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(23,35,61,.07);
}

.obj_issue_summary .title {
    color: var(--ijmr-navy);
    font-weight: 750;
}

/* ---------- 13. ARTICLE DETAIL PAGE ---------- */
.obj_article_details .page_title {
    color: var(--ijmr-white);
}

.obj_article_details .authors {
    margin-bottom: 18px;
    padding: 13px 16px;
    background: var(--ijmr-rose-light);
    border-left: 4px solid var(--ijmr-rose);
    border-radius: 7px;
}

.obj_article_details .item {
    margin-bottom: 25px;
}

.obj_article_details .item .label {
    color: var(--ijmr-navy);
    font-weight: 800;
}

.obj_article_details .abstract {
    padding: 20px;
    background: #fbfbfd;
    border: 1px solid var(--ijmr-border);
    border-radius: 9px;
}

/* ---------- 14. TABLES ---------- */
table {
    width: 100%;
    border-collapse: collapse;
    background: var(--ijmr-white);
    border-radius: 8px;
    overflow: hidden;
}

table th {
    padding: 12px;
    color: var(--ijmr-white);
    background: linear-gradient(135deg, var(--ijmr-navy), var(--ijmr-navy-2));
    border: 1px solid rgba(255,255,255,.12);
    text-align: left;
}

table td {
    padding: 11px 12px;
    border: 1px solid var(--ijmr-border);
}

table tr:nth-child(even) td {
    background: #faf7f9;
}

table tr:hover td {
    background: var(--ijmr-rose-light);
}

/* ---------- 15. PAGINATION ---------- */
.cmp_pagination .current,
.cmp_pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    min-height: 38px;
    margin: 3px;
    padding: 7px 10px;
    border: 1px solid var(--ijmr-border);
    border-radius: 7px;
    font-weight: 700;
}

.cmp_pagination .current,
.cmp_pagination a:hover {
    color: var(--ijmr-white);
    background: var(--ijmr-rose);
    border-color: var(--ijmr-rose);
}

/* ---------- 16. FOOTER ---------- */
.pkp_structure_footer_wrapper {
    margin-top: 30px;
    color: rgba(255,255,255,.88);
    background:
        linear-gradient(135deg, rgba(169,31,91,.18), transparent 45%),
        var(--ijmr-navy);
    border-top: 5px solid var(--ijmr-gold);
}

.pkp_structure_footer {
    max-width: 1320px;
    margin: 0 auto;
    padding: 34px 24px;
}

.pkp_footer_content {
    color: rgba(255,255,255,.88);
}

.pkp_footer_content p {
    color: rgba(255,255,255,.88);
}

.pkp_footer_content a {
    color: var(--ijmr-gold-light);
    font-weight: 700;
}

.pkp_footer_content a:hover {
    color: var(--ijmr-white);
}

.pkp_brand_footer {
    margin-top: 18px;
}

.pkp_brand_footer img {
    max-height: 55px;
    filter: brightness(0) invert(1);
    opacity: .85;
}

/* ---------- 17. ACCESSIBILITY ---------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid rgba(215,170,69,.60);
    outline-offset: 3px;
}

/* ---------- 18. MOBILE MENU ---------- */
.pkp_site_nav_menu {
    background: var(--ijmr-white);
}

.pkp_site_nav_toggle {
    color: var(--ijmr-white);
    background: var(--ijmr-rose);
    border-radius: 7px;
}

/* ---------- 19. RESPONSIVE DESIGN ---------- */
@media (max-width: 1100px) {
    .pkp_structure_content {
        display: block;
    }

    .pkp_structure_sidebar {
        width: 100%;
        min-width: 0;
        margin-top: 28px;
    }

    .pkp_structure_sidebar .pkp_block {
        width: 100%;
    }
}

@media (max-width: 900px) {
    .pkp_navigation_user_wrapper {
        position: static;
        padding: 8px 0;
        background: rgba(0,0,0,.12);
    }

    .pkp_navigation_user {
        justify-content: center;
    }

    .pkp_site_name {
        padding: 25px 10px 22px;
    }

    .pkp_site_name .is_text {
        font-size: clamp(25px, 5vw, 37px);
    }

    #navigationPrimary {
        display: block;
        padding: 8px;
    }

    #navigationPrimary > li > a {
        border-bottom: 1px solid #edf0f5;
        border-radius: 6px;
    }

    #navigationPrimary ul {
        position: static;
        width: 100%;
        min-width: 0;
        margin: 0;
        box-shadow: none;
    }
}

@media (max-width: 768px) {
    .pkp_head_wrapper,
    .pkp_navigation_primary_wrapper,
    .pkp_structure_content,
    .pkp_structure_footer {
        padding-right: 15px;
        padding-left: 15px;
    }

    .pkp_structure_content {
        margin-top: 20px;
    }

    .pkp_structure_main {
        padding: 22px 18px;
        border-radius: 9px;
    }

    .pkp_structure_main h1,
    .pkp_structure_main .page_title {
        padding: 13px 14px;
        font-size: 26px;
    }

    .pkp_structure_main h2 {
        font-size: 22px;
    }

    .pkp_site_name .is_text::after {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .obj_article_summary {
        padding: 15px;
    }

    .obj_issue_toc .sections {
        padding-right: 12px;
        padding-left: 12px;
    }

    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 14px;
    }

    .pkp_site_name {
        padding-top: 22px;
        padding-bottom: 20px;
    }

    .pkp_site_name .is_text {
        font-size: 24px;
    }

    .pkp_site_name .is_text::after {
        max-width: 90%;
        white-space: normal;
    }

    .pkp_navigation_user {
        flex-wrap: wrap;
    }

    .pkp_structure_main {
        padding: 18px 14px;
    }

    .cmp_form fieldset,
    .page_login .login,
    .page_register .register {
        padding: 17px 14px;
    }

    .cmp_button,
    .cmp_form .buttons button,
    .pkp_button,
    button,
    input[type="submit"] {
        width: 100%;
        margin-bottom: 8px;
    }
}

/* ---------- 20. OPTIONAL FIXES FOR COMMON OJS LAYOUT ISSUES ---------- */
.pkp_page_index .additional_content {
    margin-top: 28px;
}

.pkp_page_index .homepage_image {
    margin-bottom: 24px;
    overflow: hidden;
    border-radius: 11px;
    box-shadow: var(--ijmr-shadow);
}

.pkp_page_index .homepage_image img {
    width: 100%;
    display: block;
}

/* Remove unwanted double borders and extra top spacing */
.pkp_structure_head,
.pkp_site_name_wrapper,
.pkp_navigation_primary_row {
    margin-top: 0 !important;
}

.pkp_structure_main > .page,
.pkp_structure_main > div:first-child {
    margin-top: 0;
}

/* Long journal title and menu safety */
.pkp_site_name,
.pkp_site_name a,
.pkp_site_name .is_text,
#navigationPrimary a {
    overflow-wrap: anywhere;
}

/* End of IJMR Theme */
/* =========================================================
   IJMR FINAL HEADER + ADMIN CORNER FIX
   Keep this section at the very end of the CSS file.
========================================================= */

/* Management-journal colour refinement */
:root {
    --ijmr-navy: #142441;
    --ijmr-navy-2: #243b63;
    --ijmr-rose: #a21f58;
    --ijmr-rose-dark: #74153f;
    --ijmr-gold: #d5aa45;
    --ijmr-gold-light: #f4dfad;
}

/* Allow the account dropdown to open outside the title bar */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper {
    overflow: visible !important;
}

.pkp_structure_head {
    position: relative !important;
}

.pkp_head_wrapper {
    position: relative !important;
}

/* Full journal header */
.pkp_site_name_wrapper {
    border-top: 5px solid var(--ijmr-navy) !important;
    border-bottom: 4px solid var(--ijmr-gold) !important;
    background:
        linear-gradient(118deg, rgba(255,255,255,.07) 0 14%, transparent 14% 100%),
        linear-gradient(110deg, #162846 0%, #25385f 48%, #a21f58 100%) !important;
}

.pkp_site_name {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 42px 190px 31px !important;
    text-align: center !important;
}

.pkp_site_name .is_text {
    color: #ffffff !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(30px, 3.25vw, 48px) !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    letter-spacing: .2px !important;
    text-shadow: 0 3px 12px rgba(0,0,0,.25) !important;
}

.pkp_site_name .is_text::after {
    content: "Research • Leadership • Innovation" !important;
    margin-top: 4px !important;
    color: #f7dfa7 !important;
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(247,223,167,.55) !important;
}

/* ---------- ADMIN / USER OPTION: EXACT TOP-RIGHT CORNER ---------- */
@media (min-width: 901px) {
    .pkp_navigation_user_wrapper {
        position: absolute !important;
        z-index: 99999 !important;
        top: 12px !important;
        right: 20px !important;
        bottom: auto !important;
        left: auto !important;

        display: block !important;
        float: none !important;
        clear: none !important;

        width: auto !important;
        max-width: 360px !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
        text-align: right !important;
    }

    .pkp_navigation_user {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;

        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .pkp_navigation_user > li {
        position: relative !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_navigation_user > li > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 34px !important;
        padding: 7px 13px !important;

        color: #ffffff !important;
        background: rgba(255,255,255,.12) !important;
        border: 1px solid rgba(255,255,255,.38) !important;
        border-radius: 22px !important;

        font-size: 12px !important;
        font-weight: 750 !important;
        line-height: 1 !important;
        box-shadow: 0 5px 14px rgba(0,0,0,.12) !important;
    }

    .pkp_navigation_user > li > a:hover,
    .pkp_navigation_user > li > a:focus {
        color: var(--ijmr-navy) !important;
        background: var(--ijmr-gold-light) !important;
        border-color: var(--ijmr-gold) !important;
    }

    /* User/admin dropdown opens towards the left, not outside screen */
    .pkp_navigation_user ul,
    .pkp_navigation_user .dropdown-menu {
        position: absolute !important;
        top: calc(100% + 3px) !important;
        right: 0 !important;
        left: auto !important;
        z-index: 100000 !important;

        min-width: 205px !important;
        margin: 0 !important;
        padding: 7px !important;

        text-align: left !important;
        background: #ffffff !important;
        border: 1px solid #dde2eb !important;
        border-top: 3px solid var(--ijmr-gold) !important;
        border-radius: 8px !important;
        box-shadow: 0 14px 32px rgba(20,36,65,.22) !important;
    }

    .pkp_navigation_user ul a,
    .pkp_navigation_user .dropdown-menu a {
        display: block !important;
        padding: 9px 11px !important;
        color: var(--ijmr-navy) !important;
        background: transparent !important;
        border-radius: 5px !important;
        font-size: 12px !important;
        font-weight: 650 !important;
    }

    .pkp_navigation_user ul a:hover,
    .pkp_navigation_user .dropdown-menu a:hover {
        color: #ffffff !important;
        background: linear-gradient(90deg, var(--ijmr-rose), var(--ijmr-rose-dark)) !important;
    }
}

/* ---------- REMOVE LARGE EMPTY SPACE UNDER MENU ---------- */
.pkp_site_nav_menu,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.pkp_site_nav_menu {
    padding: 0 !important;
    background: #ffffff !important;
}

.pkp_navigation_primary_row {
    padding: 0 !important;
    border-bottom: 1px solid #e2e6ef !important;
    box-shadow: 0 5px 14px rgba(20,36,65,.06) !important;
}

.pkp_navigation_primary_wrapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
}

#navigationPrimary {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;

    min-height: 58px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px 0 !important;
}

#navigationPrimary > li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#navigationPrimary > li > a {
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
    padding: 10px 15px !important;
    color: var(--ijmr-navy) !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .25px !important;
}

#navigationPrimary > li:hover > a,
#navigationPrimary > li > a:focus,
#navigationPrimary > li > a[aria-current="page"] {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--ijmr-navy-2), var(--ijmr-rose)) !important;
}

/* Search remains aligned at the right side of menu */
.pkp_navigation_search_wrapper {
    position: static !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    transform: none !important;
}

/* Main content starts neatly below menu */
.pkp_structure_content {
    margin-top: 34px !important;
}

/* Journal-related page heading */
.pkp_structure_main h1,
.pkp_structure_main .page_title {
    background:
        linear-gradient(90deg, var(--ijmr-navy) 0%, var(--ijmr-navy-2) 58%, var(--ijmr-rose-dark) 100%) !important;
    border-left: 6px solid var(--ijmr-gold) !important;
}

/* Professional management-journal sidebar */
.pkp_structure_sidebar .pkp_block {
    border-top-color: var(--ijmr-gold) !important;
}

.pkp_block .title {
    background: linear-gradient(110deg, var(--ijmr-navy), var(--ijmr-rose-dark)) !important;
    border-bottom-color: var(--ijmr-gold) !important;
}

/* ---------- TABLET / MOBILE ---------- */
@media (max-width: 900px) {
    .pkp_site_name {
        padding: 28px 18px 24px !important;
    }

    .pkp_navigation_user_wrapper {
        position: static !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 7px 12px !important;
        transform: none !important;
        background: var(--ijmr-navy) !important;
        text-align: center !important;
    }

    .pkp_navigation_user {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin: 0 !important;
    }

    .pkp_navigation_primary_wrapper {
        display: block !important;
        padding: 0 12px !important;
    }

    #navigationPrimary {
        display: block !important;
        min-height: 0 !important;
        padding: 7px 0 !important;
    }

    #navigationPrimary > li > a {
        min-height: 0 !important;
        padding: 11px 12px !important;
    }

    .pkp_navigation_search_wrapper {
        margin: 7px 0 !important;
    }
}

@media (max-width: 520px) {
    .pkp_site_name .is_text {
        font-size: 25px !important;
    }

    .pkp_site_name .is_text::after {
        font-size: 9px !important;
        letter-spacing: .8px !important;
    }
}


@media (min-width: 901px) {
    .pkp_navigation_user_wrapper {
        position: absolute !important;
        z-index: 99999 !important;
        top: 4px !important;
        right: 14px !important;
        bottom: auto !important;
        left: auto !important;
        display: block !important;
        float: none !important;
        clear: none !important;
        width: auto !important;
        max-width: 300px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        text-align: right !important;
    }

    .pkp_navigation_user {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .pkp_navigation_user > li {
        position: relative !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_navigation_user > li > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 28px !important;
        padding: 5px 11px !important;
        color: #142441 !important;
        background: #f5dfad !important;
        border: 1px solid #d5aa45 !important;
        border-radius: 18px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        box-shadow: 0 4px 10px rgba(0,0,0,.10) !important;
    }

    .pkp_navigation_user > li > a:hover,
    .pkp_navigation_user > li > a:focus {
        color: #ffffff !important;
        background: linear-gradient(135deg, var(--ijmr-rose), var(--ijmr-rose-dark)) !important;
        border-color: var(--ijmr-rose) !important;
    }

    .pkp_navigation_user ul,
    .pkp_navigation_user .dropdown-menu {
        position: absolute !important;
        top: calc(100% + 3px) !important;
        right: 0 !important;
        left: auto !important;
        z-index: 100000 !important;
        min-width: 175px !important;
        margin: 0 !important;
        padding: 6px !important;
        text-align: left !important;
        background: #ffffff !important;
        border: 1px solid #dde2eb !important;
        border-top: 3px solid var(--ijmr-gold) !important;
        border-radius: 8px !important;
        box-shadow: 0 12px 24px rgba(20,36,65,.18) !important;
    }

    .pkp_navigation_user ul a,
    .pkp_navigation_user .dropdown-menu a {
        display: block !important;
        padding: 8px 10px !important;
        color: var(--ijmr-navy) !important;
        background: transparent !important;
        border-radius: 5px !important;
        font-size: 11px !important;
        font-weight: 650 !important;
    }

    .pkp_navigation_user ul a:hover,
    .pkp_navigation_user .dropdown-menu a:hover {
        color: #ffffff !important;
        background: linear-gradient(90deg, var(--ijmr-rose), var(--ijmr-rose-dark)) !important;
    }
}


/* =========================================
   FINAL ADMIN DROPDOWN ALIGNMENT FIX
   Admin dropdown ko button ke bilkul saath rakhta hai
========================================= */
@media (min-width: 901px) {
    .pkp_navigation_user > li {
        position: relative !important;
    }

    .pkp_navigation_user > li > ul,
    .pkp_navigation_user > li > .dropdown-menu,
    .pkp_navigation_user ul,
    .pkp_navigation_user .dropdown-menu {
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        margin-top: 0 !important;
        transform: translateY(-1px) !important;
    }

    .pkp_navigation_user > li > a {
        position: relative !important;
        z-index: 100001 !important;
    }
}


/* =========================================
   ADMIN BUTTON COLOR = HEADER STYLE
========================================= */
@media (min-width: 901px) {
    .pkp_navigation_user > li > a {
        color: #ffffff !important;
        background: linear-gradient(135deg, #162846 0%, #25385f 45%, #a21f58 100%) !important;
        border: 1px solid #d5aa45 !important;
        box-shadow: 0 5px 14px rgba(20,36,65,.18) !important;
    }

    .pkp_navigation_user > li > a:hover,
    .pkp_navigation_user > li > a:focus {
        color: #f7dfa7 !important;
        background: linear-gradient(135deg, #142441 0%, #22365c 45%, #8f1b4f 100%) !important;
        border-color: #f4dfad !important;
    }
}


/* ======================================================
   IJMR JOURNAL TITLE — SMALLER FINAL SIZE
   Add this section at the very end of the CSS.
====================================================== */

@media (min-width: 1101px) {
    .pkp_structure_head .pkp_site_name {
        padding: 24px 160px 18px !important;
    }

    .pkp_structure_head .pkp_site_name .is_text {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;
        font-size: 30px !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        text-align: center !important;
    }

    .pkp_structure_head .pkp_site_name .is_text::after {
        margin-top: 8px !important;
        padding: 4px 12px !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
        letter-spacing: 1.1px !important;
    }
}

@media (min-width: 901px) and (max-width: 1100px) {
    .pkp_structure_head .pkp_site_name {
        padding: 22px 120px 17px !important;
    }

    .pkp_structure_head .pkp_site_name .is_text {
        font-size: 26px !important;
        line-height: 1.16 !important;
        white-space: normal !important;
        text-align: center !important;
    }

    .pkp_structure_head .pkp_site_name .is_text::after {
        margin-top: 8px !important;
        font-size: 9px !important;
        letter-spacing: 1px !important;
    }
}

@media (max-width: 900px) {
    .pkp_structure_head .pkp_site_name {
        padding: 19px 16px 15px !important;
    }

    .pkp_structure_head .pkp_site_name .is_text {
        font-size: 23px !important;
        line-height: 1.18 !important;
        white-space: normal !important;
        text-align: center !important;
    }

    .pkp_structure_head .pkp_site_name .is_text::after {
        margin-top: 7px !important;
        padding: 4px 10px !important;
        font-size: 8.5px !important;
        letter-spacing: .8px !important;
    }
}

@media (max-width: 480px) {
    .pkp_structure_head .pkp_site_name {
        padding: 17px 12px 14px !important;
    }

    .pkp_structure_head .pkp_site_name .is_text {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }
}


/* ======================================================
   IJMR PAGE CONTENT — SMALLER FINAL SIZE
   Main white box, breadcrumb and page title compact
====================================================== */

/* Main page content area */
.pkp_structure_content {
    max-width: 1040px !important;
    margin: 22px auto 30px !important;
    padding: 0 16px !important;
    gap: 18px !important;
}

/* White main content card */
.pkp_structure_main {
    padding: 18px 22px !important;
    border-top-width: 3px !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 18px rgba(23, 35, 61, 0.07) !important;
}

/* Breadcrumb box */
.cmp_breadcrumbs {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 7px 11px !important;
    border-radius: 6px !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
}

.cmp_breadcrumbs ol,
.cmp_breadcrumbs ul {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cmp_breadcrumbs li,
.cmp_breadcrumbs a {
    margin: 0 !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
}

/* Page title bar: Archiving Policy, Archives, About etc. */
.pkp_structure_main h1,
.pkp_structure_main .page_title {
    min-height: 0 !important;
    margin: 0 0 16px !important;
    padding: 9px 14px 9px 16px !important;
    border-left-width: 4px !important;
    border-radius: 6px !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    box-shadow: 0 5px 12px rgba(23, 35, 61, 0.09) !important;
}

/* Other headings */
.pkp_structure_main h2 {
    margin: 18px 0 9px !important;
    padding-bottom: 5px !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
}

.pkp_structure_main h2::after {
    width: 42px !important;
    height: 2px !important;
    margin-top: 5px !important;
}

.pkp_structure_main h3 {
    margin: 15px 0 7px !important;
    font-size: 14.5px !important;
}

.pkp_structure_main h4 {
    margin: 13px 0 6px !important;
    font-size: 13px !important;
}

/* Page text */
.pkp_structure_main p,
.pkp_structure_main li {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
}

.pkp_structure_main p {
    margin-bottom: 9px !important;
}

.pkp_structure_main ul,
.pkp_structure_main ol {
    margin: 7px 0 11px !important;
    padding-left: 18px !important;
}

.pkp_structure_main li {
    margin-bottom: 3px !important;
}

/* Cards inside content */
.obj_issue_summary,
.obj_article_summary,
.current_issue,
.obj_issue_toc,
.obj_article_details .abstract {
    border-radius: 7px !important;
}

.obj_article_summary {
    margin-bottom: 9px !important;
    padding: 11px 13px 11px 15px !important;
}

.obj_article_summary .title {
    font-size: 13px !important;
    line-height: 1.35 !important;
}

.obj_article_summary .authors,
.obj_article_summary .pages {
    font-size: 10.5px !important;
}

/* Forms */
.cmp_form fieldset {
    margin-bottom: 14px !important;
    padding: 13px !important;
    border-radius: 6px !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="search"],
input[type="number"],
select,
textarea {
    padding: 7px 9px !important;
    font-size: 11.5px !important;
}

/* Buttons */
.cmp_button,
.cmp_form .buttons button,
.pkp_button,
button,
input[type="button"],
input[type="submit"],
a.pkp_button {
    min-height: 31px !important;
    padding: 6px 11px !important;
    font-size: 10.5px !important;
    border-radius: 5px !important;
}

/* Tablet */
@media (max-width: 900px) {
    .pkp_structure_content {
        margin-top: 16px !important;
        padding: 0 12px !important;
    }

    .pkp_structure_main {
        padding: 15px 13px !important;
    }

    .pkp_structure_main h1,
    .pkp_structure_main .page_title {
        margin-bottom: 13px !important;
        padding: 8px 11px !important;
        font-size: 19px !important;
    }

    .cmp_breadcrumbs {
        margin-bottom: 11px !important;
        padding: 6px 8px !important;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .pkp_structure_main {
        padding: 13px 10px !important;
    }

    .pkp_structure_main h1,
    .pkp_structure_main .page_title {
        font-size: 17px !important;
        line-height: 1.18 !important;
    }

    .pkp_structure_main p,
    .pkp_structure_main li {
        font-size: 12px !important;
    }
}


/* ======================================================
   IJMR EXTRA COMPACT MENU BAR — FINAL
====================================================== */

@media (min-width: 901px) {
    .pkp_site_nav_menu,
    .pkp_navigation_primary_row,
    .pkp_navigation_primary_wrapper {
        min-height: 0 !important;
        height: auto !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .pkp_navigation_primary_wrapper {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    #navigationPrimary {
        min-height: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 2px !important;
    }

    #navigationPrimary > li {
        height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #navigationPrimary > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 32px !important;
        height: 32px !important;
        margin: 2px 0 !important;
        padding: 0 10px !important;
        border-radius: 5px !important;
        font-size: 9.5px !important;
        font-weight: 750 !important;
        line-height: 1 !important;
        letter-spacing: 0.05px !important;
    }

    #navigationPrimary > li > a::after {
        right: 10px !important;
        bottom: 4px !important;
        left: 10px !important;
        height: 1px !important;
    }

    #navigationPrimary > li:hover > a,
    #navigationPrimary > li > a:focus,
    #navigationPrimary > li > a[aria-current="page"] {
        box-shadow: 0 3px 8px rgba(169, 31, 91, 0.16) !important;
    }

    .pkp_navigation_search_wrapper {
        min-height: 36px !important;
        height: 36px !important;
    }
}

@media (max-width: 900px) {
    #navigationPrimary {
        padding: 3px 0 !important;
    }

    #navigationPrimary > li > a {
        min-height: 30px !important;
        padding: 7px 9px !important;
        font-size: 10.5px !important;
    }
}


/* ======================================================
   IJMR MENU TEXT — SLIGHTLY BOLDER
====================================================== */
@media (min-width: 901px) {
    #navigationPrimary > li > a {
        font-weight: 800 !important;
        text-shadow: 0 0 0.3px currentColor !important;
    }
}

@media (max-width: 900px) {
    #navigationPrimary > li > a {
        font-weight: 750 !important;
    }
}


/* ======================================================
   IJMR ADMIN OPTION ABOVE HEADER — FINAL FIX
   Admin/user menu appears in a slim strip above the header
====================================================== */

@media (min-width: 901px) {

    /* Create a compact strip above the coloured journal header */
    .pkp_structure_head {
        position: relative !important;
        padding-top: 32px !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .pkp_structure_head::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        height: 32px !important;
        z-index: 99990 !important;
        background: #ffffff !important;
        border-bottom: 1px solid #e2e6ef !important;
        box-shadow: 0 2px 6px rgba(20, 36, 65, 0.05) !important;
        pointer-events: none !important;
    }

    /* Admin option at the top-right above header */
    .pkp_navigation_user_wrapper {
        position: absolute !important;
        top: 2px !important;
        right: 14px !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 100000 !important;

        display: block !important;
        width: auto !important;
        max-width: 280px !important;
        height: 28px !important;

        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        text-align: right !important;
    }

    .pkp_navigation_user {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 3px !important;

        width: auto !important;
        height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .pkp_navigation_user > li {
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_navigation_user > li > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 25px !important;
        height: 25px !important;
        padding: 0 10px !important;

        color: #ffffff !important;
        background: linear-gradient(
            135deg,
            #162846 0%,
            #25385f 45%,
            #a21f58 100%
        ) !important;

        border: 1px solid #d5aa45 !important;
        border-radius: 15px !important;

        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        box-shadow: 0 3px 8px rgba(20, 36, 65, 0.15) !important;
    }

    .pkp_navigation_user > li > a:hover,
    .pkp_navigation_user > li > a:focus {
        color: #f7dfa7 !important;
        background: linear-gradient(
            135deg,
            #142441 0%,
            #22365c 45%,
            #8f1b4f 100%
        ) !important;
        border-color: #f4dfad !important;
    }

    /* Dropdown remains attached to the admin button */
    .pkp_navigation_user > li > ul,
    .pkp_navigation_user > li > .dropdown-menu,
    .pkp_navigation_user ul,
    .pkp_navigation_user .dropdown-menu {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        z-index: 100001 !important;

        min-width: 165px !important;
        margin: 0 !important;
        padding: 5px !important;
        transform: translateY(1px) !important;

        background: #ffffff !important;
        border: 1px solid #dde2eb !important;
        border-top: 3px solid #d5aa45 !important;
        border-radius: 0 0 7px 7px !important;
        box-shadow: 0 10px 22px rgba(20, 36, 65, 0.18) !important;
        text-align: left !important;
    }

    .pkp_navigation_user ul a,
    .pkp_navigation_user .dropdown-menu a {
        display: block !important;
        padding: 7px 9px !important;
        color: #142441 !important;
        background: transparent !important;
        border-radius: 4px !important;
        font-size: 10.5px !important;
        font-weight: 700 !important;
    }

    .pkp_navigation_user ul a:hover,
    .pkp_navigation_user .dropdown-menu a:hover {
        color: #ffffff !important;
        background: linear-gradient(
            90deg,
            #243b63,
            #a21f58
        ) !important;
    }

    /* Ensure coloured journal header starts below the top strip */
    .pkp_site_name_wrapper {
        margin-top: 0 !important;
    }
}

/* Mobile keeps account menu in a normal top row */
@media (max-width: 900px) {
    .pkp_structure_head {
        padding-top: 0 !important;
    }

    .pkp_structure_head::before {
        display: none !important;
    }

    .pkp_navigation_user_wrapper {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        padding: 6px 10px !important;
        background: #142441 !important;
        text-align: center !important;
    }

    .pkp_navigation_user {
        justify-content: center !important;
        height: auto !important;
    }
}


/* ======================================================
   IJMR SMALLER PRIMARY DROPDOWN MENU
   About/Policies dropdown ko compact karta hai
====================================================== */

@media (min-width: 901px) {
    /* Main navigation dropdown */
    #navigationPrimary ul {
        min-width: 185px !important;
        width: 185px !important;
        padding: 4px !important;
        border-top-width: 2px !important;
        border-radius: 0 0 7px 7px !important;
        box-shadow: 0 10px 22px rgba(23, 35, 61, 0.14) !important;
    }

    #navigationPrimary ul li {
        margin: 0 !important;
        border-bottom: 1px solid #edf0f4 !important;
    }

    #navigationPrimary ul li:last-child {
        border-bottom: 0 !important;
    }

    #navigationPrimary ul a {
        display: block !important;
        min-height: 0 !important;
        padding: 6px 9px !important;
        border-radius: 4px !important;
        font-size: 10px !important;
        font-weight: 650 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
    }

    #navigationPrimary ul a:hover,
    #navigationPrimary ul a:focus {
        padding-left: 12px !important;
    }

    /* Active parent button such as ABOUT */
    #navigationPrimary > li > a {
        border-radius: 4px !important;
    }
}

@media (max-width: 900px) {
    #navigationPrimary ul {
        width: 100% !important;
        min-width: 0 !important;
        padding: 3px !important;
    }

    #navigationPrimary ul a {
        padding: 7px 9px !important;
        font-size: 10.5px !important;
    }
}


/* ======================================================
   IJMR FINAL SMALL & CLEAR MENU / DROPDOWN
   Smaller option height + sharper readable wording
====================================================== */

@media (min-width: 901px) {

    /* Main menu wording: clear, compact and not blurry */
    #navigationPrimary > li > a {
        min-height: 30px !important;
        height: 30px !important;
        margin: 2px 0 !important;
        padding: 0 9px !important;

        color: #142441 !important;
        font-family: Arial, "Segoe UI", sans-serif !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 30px !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
    }

    #navigationPrimary {
        min-height: 34px !important;
        height: 34px !important;
        gap: 2px !important;
    }

    #navigationPrimary > li {
        height: 34px !important;
    }

    /* Active parent button such as ABOUT */
    #navigationPrimary > li:hover > a,
    #navigationPrimary > li > a:focus,
    #navigationPrimary > li > a[aria-current="page"] {
        color: #ffffff !important;
        background: linear-gradient(
            135deg,
            #243b63 0%,
            #7b1b4a 100%
        ) !important;
        box-shadow: 0 3px 7px rgba(23, 35, 61, 0.15) !important;
    }

    /* Dropdown outer box */
    #navigationPrimary ul {
        min-width: 170px !important;
        width: 170px !important;
        padding: 3px !important;

        background: #ffffff !important;
        border: 1px solid #dfe4ec !important;
        border-top: 2px solid #a21f58 !important;
        border-radius: 0 0 6px 6px !important;
        box-shadow: 0 9px 20px rgba(20, 36, 65, 0.13) !important;
    }

    #navigationPrimary ul li {
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #edf0f4 !important;
    }

    #navigationPrimary ul li:last-child {
        border-bottom: 0 !important;
    }

    /* Dropdown option wording */
    #navigationPrimary ul a {
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 5px 8px !important;

        color: #24334e !important;
        background: transparent !important;
        border-radius: 3px !important;

        font-family: Arial, "Segoe UI", sans-serif !important;
        font-size: 10.5px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
        text-transform: none !important;

        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
    }

    #navigationPrimary ul a:hover,
    #navigationPrimary ul a:focus {
        padding: 5px 8px 5px 10px !important;
        color: #ffffff !important;
        background: linear-gradient(
            90deg,
            #243b63 0%,
            #a21f58 100%
        ) !important;
    }

    /* Dropdown arrow kept small */
    #navigationPrimary > li > a .fa,
    #navigationPrimary > li > a [class*="icon"] {
        font-size: 8px !important;
        margin-left: 3px !important;
    }
}

@media (max-width: 900px) {
    #navigationPrimary > li > a {
        padding: 7px 9px !important;
        font-family: Arial, "Segoe UI", sans-serif !important;
        font-size: 10.5px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-shadow: none !important;
    }

    #navigationPrimary ul {
        width: 100% !important;
        min-width: 0 !important;
        padding: 3px !important;
    }

    #navigationPrimary ul a {
        padding: 6px 8px !important;
        font-family: Arial, "Segoe UI", sans-serif !important;
        font-size: 10.5px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-shadow: none !important;
    }
}


/* ======================================================
   IJMR FULL TOP TITLE BAR + CLEAR BOLD MENU — FINAL
   Removes top white empty strip and improves menu clarity
====================================================== */

/* ---------- REMOVE EMPTY WHITE STRIP ABOVE HEADER ---------- */
@media (min-width: 901px) {
    .pkp_structure_head {
        position: relative !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }

    .pkp_structure_head::before {
        display: none !important;
        content: none !important;
        height: 0 !important;
    }

    .pkp_head_wrapper,
    .pkp_site_name_wrapper {
        margin-top: 0 !important;
        top: 0 !important;
    }

    /* Title/header colour now starts from the very top */
    .pkp_site_name_wrapper {
        width: 100% !important;
        padding-top: 0 !important;
        background:
            linear-gradient(118deg, rgba(255,255,255,.07) 0 14%, transparent 14% 100%),
            linear-gradient(110deg, #162846 0%, #25385f 48%, #a21f58 100%) !important;
        border-top: 4px solid #142441 !important;
        border-bottom: 4px solid #d5aa45 !important;
    }

    /* Keep admin button inside the full coloured header */
    .pkp_navigation_user_wrapper {
        position: absolute !important;
        top: 5px !important;
        right: 14px !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 100000 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_navigation_user {
        height: auto !important;
    }

    .pkp_navigation_user > li > a {
        min-height: 25px !important;
        height: 25px !important;
        padding: 0 10px !important;
        font-size: 10px !important;
        font-weight: 800 !important;
    }

    /* ---------- MENU BAR: BOLD, CLEAR AND READABLE ---------- */
    .pkp_site_nav_menu,
    .pkp_navigation_primary_row,
    .pkp_navigation_primary_wrapper {
        min-height: 0 !important;
        height: auto !important;
    }

    #navigationPrimary {
        min-height: 38px !important;
        height: 38px !important;
        gap: 4px !important;
        padding: 0 !important;
    }

    #navigationPrimary > li {
        height: 38px !important;
    }

    #navigationPrimary > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 34px !important;
        height: 34px !important;
        margin: 2px 0 !important;
        padding: 0 11px !important;

        color: #10233f !important;
        font-family: Arial, "Segoe UI", sans-serif !important;
        font-size: 10.5px !important;
        font-weight: 800 !important;
        line-height: 34px !important;
        letter-spacing: .05px !important;
        text-shadow: none !important;
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
    }

    #navigationPrimary > li:hover > a,
    #navigationPrimary > li > a:focus,
    #navigationPrimary > li > a[aria-current="page"] {
        color: #ffffff !important;
        background: linear-gradient(135deg, #243b63 0%, #8f1b4f 100%) !important;
        font-weight: 800 !important;
        box-shadow: 0 3px 8px rgba(23, 35, 61, .16) !important;
    }

    /* Dropdown wording also clear */
    #navigationPrimary ul a {
        color: #182b48 !important;
        font-family: Arial, "Segoe UI", sans-serif !important;
        font-size: 10.5px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
    }

    #navigationPrimary ul a:hover,
    #navigationPrimary ul a:focus {
        color: #ffffff !important;
        font-weight: 700 !important;
    }
}

/* ---------- TABLET / MOBILE ---------- */
@media (max-width: 900px) {
    .pkp_structure_head {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .pkp_structure_head::before {
        display: none !important;
        content: none !important;
    }

    .pkp_site_name_wrapper {
        margin-top: 0 !important;
        border-top: 3px solid #142441 !important;
    }

    #navigationPrimary > li > a {
        color: #10233f !important;
        font-family: Arial, "Segoe UI", sans-serif !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-shadow: none !important;
        -webkit-font-smoothing: antialiased !important;
    }

    #navigationPrimary ul a {
        font-size: 10.5px !important;
        font-weight: 700 !important;
        text-shadow: none !important;
    }
}


/* =========================================================
   IJMR EQUAL & ALIGNED LAYOUT — FINAL
   Header, title, menu, content and sidebar use one width
========================================================= */

:root {
    --ijmr-layout-width: 1120px;
    --ijmr-side-width: 290px;
    --ijmr-layout-gap: 18px;
}

/* ---------- ONE SHARED WIDTH FOR ALL SECTIONS ---------- */
.pkp_head_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_structure_content,
.pkp_structure_footer {
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;
    max-width: var(--ijmr-layout-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* ---------- HEADER BALANCE ---------- */
.pkp_structure_head {
    width: 100% !important;
    margin: 0 !important;
}

.pkp_head_wrapper {
    padding: 0 !important;
}

.pkp_site_name_wrapper {
    width: 100% !important;
    margin: 0 !important;
}

.pkp_site_name {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 128px !important;
    padding: 22px 145px 18px !important;
}

.pkp_site_name .is_text {
    width: 100% !important;
    margin: 0 auto !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.pkp_site_name .is_text::after {
    margin-top: 8px !important;
    padding: 4px 12px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
}

/* ---------- ADMIN: CLEAN TOP-RIGHT POSITION ---------- */
@media (min-width: 901px) {
    .pkp_navigation_user_wrapper {
        top: 6px !important;
        right: 8px !important;
    }

    .pkp_navigation_user > li > a {
        min-height: 25px !important;
        height: 25px !important;
        padding: 0 10px !important;
        font-size: 10px !important;
    }
}

/* ---------- MENU ALIGNED WITH HEADER AND CONTENT ---------- */
.pkp_navigation_primary_row {
    width: 100% !important;
    margin: 0 !important;
}

.pkp_navigation_primary_wrapper {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}

#navigationPrimary {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
}

#navigationPrimary > li {
    display: flex !important;
    align-items: center !important;
    height: 40px !important;
    margin: 0 !important;
}

#navigationPrimary > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    height: 34px !important;
    margin: 3px 0 !important;
    padding: 0 11px !important;
    color: #10233f !important;
    font-family: Arial, "Segoe UI", sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 34px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-shadow: none !important;
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
}

.pkp_navigation_search_wrapper {
    display: flex !important;
    align-items: center !important;
    height: 40px !important;
    margin-left: auto !important;
}

/* All dropdowns use equal width and equal option height */
#navigationPrimary ul {
    box-sizing: border-box !important;
    width: 185px !important;
    min-width: 185px !important;
    padding: 4px !important;
}

#navigationPrimary ul li {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 30px !important;
    margin: 0 !important;
}

#navigationPrimary ul a {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 30px !important;
    padding: 6px 9px !important;
    color: #182b48 !important;
    font-family: Arial, "Segoe UI", sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased !important;
}

/* ---------- CONTENT AND SIDEBAR EQUAL ALIGNMENT ---------- */
.pkp_structure_content {
    display: flex !important;
    align-items: flex-start !important;
    margin-top: 28px !important;
    margin-bottom: 36px !important;
    padding: 0 !important;
    gap: var(--ijmr-layout-gap) !important;
}

.pkp_structure_main {
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 20px 22px !important;
}

.pkp_structure_sidebar {
    box-sizing: border-box !important;
    flex: 0 0 var(--ijmr-side-width) !important;
    width: var(--ijmr-side-width) !important;
    min-width: var(--ijmr-side-width) !important;
    margin: 0 !important;
}

.pkp_structure_sidebar .pkp_block {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 0 18px !important;
}

/* Pages without sidebar fill the same total width */
.pkp_structure_content > .pkp_structure_main:only-child {
    flex-basis: 100% !important;
    width: 100% !important;
}

/* ---------- EQUAL CONTENT ELEMENTS ---------- */
.cmp_breadcrumbs {
    box-sizing: border-box !important;
    min-height: 42px !important;
    margin-bottom: 14px !important;
    padding: 8px 11px !important;
}

.pkp_structure_main h1,
.pkp_structure_main .page_title {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 44px !important;
    margin-bottom: 16px !important;
    padding: 9px 14px 9px 16px !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
}

.obj_article_summary,
.obj_issue_summary,
.current_issue,
.obj_issue_toc,
.cmp_form fieldset {
    box-sizing: border-box !important;
    width: 100% !important;
}

/* ---------- HOME PAGE: CLEAN TWO-COLUMN LOOK ---------- */
.pkp_page_index .pkp_structure_main,
.pkp_page_index .pkp_structure_sidebar {
    align-self: stretch !important;
}

.pkp_page_index .pkp_structure_sidebar .pkp_block:first-child {
    margin-top: 0 !important;
}

/* ---------- FOOTER ALIGNED WITH ALL SECTIONS ---------- */
.pkp_structure_footer_wrapper {
    width: 100% !important;
}

.pkp_structure_footer {
    padding: 24px 0 !important;
}

/* ---------- TABLET ---------- */
@media (max-width: 1100px) {
    :root {
        --ijmr-layout-width: 960px;
        --ijmr-side-width: 260px;
        --ijmr-layout-gap: 15px;
    }

    .pkp_site_name {
        padding-right: 120px !important;
        padding-left: 120px !important;
    }

    .pkp_site_name .is_text {
        font-size: 27px !important;
        white-space: normal !important;
    }
}

/* ---------- MOBILE ---------- */
@media (max-width: 900px) {
    .pkp_head_wrapper,
    .pkp_navigation_primary_wrapper,
    .pkp_structure_content,
    .pkp_structure_footer {
        width: calc(100% - 24px) !important;
    }

    .pkp_site_name {
        min-height: 0 !important;
        padding: 20px 14px 16px !important;
    }

    .pkp_site_name .is_text {
        font-size: 23px !important;
        white-space: normal !important;
    }

    .pkp_navigation_primary_wrapper {
        display: block !important;
    }

    #navigationPrimary {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 4px 0 !important;
    }

    #navigationPrimary > li {
        display: block !important;
        height: auto !important;
    }

    #navigationPrimary > li > a {
        justify-content: flex-start !important;
        width: 100% !important;
        height: auto !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    #navigationPrimary ul {
        width: 100% !important;
        min-width: 0 !important;
    }

    .pkp_structure_content {
        display: block !important;
        margin-top: 18px !important;
    }

    .pkp_structure_main {
        width: 100% !important;
        padding: 16px 14px !important;
    }

    .pkp_structure_sidebar {
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 18px !important;
    }
}

/* =========================================================
   IJMR — FULL SCREEN FINAL OVERRIDE
   Makes header, navigation, content and footer use the
   available browser width while keeping clean edge spacing.
   Keep this block at the VERY END of the CSS file.
========================================================= */

/* Remove the old fixed 1120px / 960px layout restriction */
:root {
    --ijmr-layout-width: none !important;
}

/* Full-width desktop layout */
@media (min-width: 901px) {

    /* Header, menu, content and footer span the screen */
    .pkp_head_wrapper,
    .pkp_navigation_primary_wrapper,
    .pkp_structure_content,
    .pkp_structure_footer {
        box-sizing: border-box !important;
        width: calc(100% - 36px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Keep title area visually full and balanced */
    .pkp_head_wrapper {
        padding: 0 !important;
    }

    .pkp_site_name_wrapper {
        width: 100% !important;
        max-width: none !important;
    }

    /* Navigation gets comfortable left/right breathing room */
    .pkp_navigation_primary_wrapper {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* Main journal body uses the full available width */
    .pkp_structure_content {
        width: calc(100% - 36px) !important;
        max-width: none !important;
        margin-top: 24px !important;
        margin-bottom: 34px !important;
        padding: 0 !important;
        gap: 20px !important;
    }

    .pkp_structure_main {
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    /* Keep sidebar readable instead of stretching too much */
    .pkp_structure_sidebar {
        flex: 0 0 300px !important;
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
    }

    /* Pages with no sidebar become completely wide */
    .pkp_structure_content > .pkp_structure_main:only-child {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: none !important;
    }

    /* Footer follows the same full-screen alignment */
    .pkp_structure_footer {
        width: calc(100% - 36px) !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Large screens: slightly larger safe edge so it still looks professional */
@media (min-width: 1600px) {
    .pkp_head_wrapper,
    .pkp_navigation_primary_wrapper,
    .pkp_structure_content,
    .pkp_structure_footer {
        width: calc(100% - 56px) !important;
    }
}

/* Tablet keeps almost-full width */
@media (min-width: 901px) and (max-width: 1100px) {
    .pkp_head_wrapper,
    .pkp_navigation_primary_wrapper,
    .pkp_structure_content,
    .pkp_structure_footer {
        width: calc(100% - 28px) !important;
        max-width: none !important;
    }

    .pkp_structure_sidebar {
        flex-basis: 260px !important;
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
    }
}

/* Mobile remains responsive and edge-safe */
@media (max-width: 900px) {
    .pkp_head_wrapper,
    .pkp_navigation_primary_wrapper,
    .pkp_structure_content,
    .pkp_structure_footer {
        width: calc(100% - 20px) !important;
        max-width: none !important;
    }

    .pkp_structure_main,
    .pkp_structure_sidebar {
        width: 100% !important;
        max-width: none !important;
    }
}