/* =====================================================================
   PAKISTAN JOURNAL OF MANAGEMENT RESEARCH (PJMR)
   OJS 3.x CUSTOM THEME — MODERN INSIGHT

   Identity: modern strategy, analytics and innovation journal
   Palette: deep indigo, electric cyan, coral, cloud white
   ===================================================================== */

:root {
    --pjmr-night: #111b3d;
    --pjmr-indigo: #233f8f;
    --pjmr-cyan: #16a6b6;
    --pjmr-cyan-dark: #0b7d8a;
    --pjmr-coral: #ef775f;
    --pjmr-cloud: #f3f6fb;
    --pjmr-white: #ffffff;
    --pjmr-line: #dbe3ef;
    --pjmr-text: #26344b;
    --pjmr-muted: #6b7890;
    --pjmr-radius: 18px;
    --pjmr-shadow: 0 18px 48px rgba(17,27,61,.11);
    --pjmr-soft-shadow: 0 8px 24px rgba(17,27,61,.075);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
    margin: 0;
    color: var(--pjmr-text);
    background:
        radial-gradient(circle at 90% 0, rgba(22,166,182,.12), transparent 26rem),
        radial-gradient(circle at 0 40%, rgba(239,119,95,.08), transparent 22rem),
        var(--pjmr-cloud);
    font-family: Inter, "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.7;
}

img { max-width: 100%; height: auto; }

a {
    color: var(--pjmr-indigo);
    text-decoration: none;
    transition: color .2s ease, background .2s ease, border-color .2s ease,
                box-shadow .2s ease, transform .2s ease;
}

a:hover, a:focus { color: var(--pjmr-coral); text-decoration: none; }
::selection { color: #fff; background: var(--pjmr-cyan); }

h1, h2, h3, h4, h5, h6 {
    color: var(--pjmr-night);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    line-height: 1.24;
}

/* ----------------------------- HEADER ----------------------------- */
.pkp_structure_head {
    position: relative;
    margin: 0;
    border: 0;
    background:
        radial-gradient(circle at 82% 30%, rgba(22,166,182,.28), transparent 16rem),
        linear-gradient(125deg, #0d1532 0%, #17285a 52%, #173e63 100%);
    box-shadow: 0 15px 38px rgba(17,27,61,.24);
}

.pkp_structure_head::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .22;
    background-image:
        linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, transparent, #000 45%, #000);
}

.pkp_structure_head::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 6px;
    background: linear-gradient(90deg, var(--pjmr-cyan), var(--pjmr-coral));
}

.pkp_head_wrapper {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 28px;
}

.pkp_site_name {
    max-width: 900px;
    padding: 40px 0 32px;
}

.pkp_site_name > a,
.pkp_site_name .is_text {
    display: inline-block;
    color: #fff !important;
    font-size: clamp(29px, 3.5vw, 49px);
    font-weight: 850;
    letter-spacing: -1.25px;
    line-height: 1.08;
}

.pkp_site_name > a::before,
.pkp_site_name .is_text::before {
    content: "PJMR  •  OPEN ACCESS RESEARCH";
    display: block;
    margin-bottom: 12px;
    color: #78d9e2;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    line-height: 1.3;
}

.pkp_site_name > a::after,
.pkp_site_name .is_text::after {
    content: "Management  •  Strategy  •  Innovation  •  Leadership";
    display: block;
    margin-top: 13px;
    color: rgba(255,255,255,.78);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.25px;
    line-height: 1.4;
}

.pkp_site_name .is_img img { max-height: 110px; }

/* --------------------------- NAVIGATION --------------------------- */
.pkp_navigation_primary_wrapper {
    min-height: 60px;
    border-top: 1px solid rgba(255,255,255,.11);
    background: rgba(7, 15, 37, .38);
    backdrop-filter: blur(11px);
}

#navigationPrimary { margin: 0; padding: 0; }

#navigationPrimary > li > a {
    margin: 9px 4px;
    padding: 11px 16px;
    border-radius: 999px;
    color: rgba(255,255,255,.92);
    font-size: 13px;
    font-weight: 750;
    letter-spacing: .25px;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
    color: #fff;
    background: rgba(22,166,182,.25);
    box-shadow: inset 0 0 0 1px rgba(120,217,226,.26);
}

#navigationPrimary ul {
    min-width: 225px;
    padding: 8px;
    border: 1px solid rgba(35,63,143,.16);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 20px 45px rgba(17,27,61,.19);
}

#navigationPrimary ul a {
    padding: 10px 12px;
    border-radius: 8px;
    color: var(--pjmr-text);
    font-weight: 650;
}

#navigationPrimary ul a:hover { color: #fff; background: var(--pjmr-indigo); }

.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:focus {
    color: rgba(255,255,255,.9);
    font-size: 12px;
    font-weight: 700;
}

.pkp_navigation_user > li > a:hover { color: #78d9e2; }

.pkp_search .search_controls a,
.pkp_search .search_prompt { color: #fff; font-weight: 700; }

/* ---------------------------- LAYOUT ------------------------------ */
.pkp_structure_page { background: transparent; }

.pkp_structure_content {
    max-width: 1280px;
    margin: 40px auto 58px;
    padding: 0 28px;
}

.pkp_structure_main {
    position: relative;
    padding: 40px;
    overflow: hidden;
    border: 1px solid rgba(219,227,239,.95);
    border-radius: var(--pjmr-radius);
    background: rgba(255,255,255,.97);
    box-shadow: var(--pjmr-shadow);
}

.pkp_structure_main::after {
    content: "";
    position: absolute;
    top: -65px;
    right: -65px;
    width: 170px;
    height: 170px;
    border: 24px solid rgba(22,166,182,.06);
    border-radius: 50%;
    pointer-events: none;
}

.page h1,
.page_title,
.current_issue h2,
.obj_issue_toc .heading .title {
    position: relative;
    margin-top: 0;
    padding-bottom: 15px;
    color: var(--pjmr-night);
    font-size: clamp(27px, 3vw, 39px);
    font-weight: 850;
    letter-spacing: -.6px;
}

.page h1::after,
.page_title::after,
.current_issue h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 86px;
    height: 5px;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--pjmr-cyan), var(--pjmr-coral));
}

/* ----------------------------- HOME ------------------------------- */
.page_index_journal .homepage_image {
    position: relative;
    margin: 0 0 30px;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 16px 36px rgba(17,27,61,.14);
}

.page_index_journal .homepage_image::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(17,27,61,.16), transparent 55%);
}

.page_index_journal .homepage_image img {
    display: block;
    width: 100%;
    transition: transform .45s ease;
}

.page_index_journal .homepage_image:hover img { transform: scale(1.018); }

.page_index_journal .additional_content {
    position: relative;
    margin: 0 0 34px;
    padding: 27px 28px 27px 32px;
    overflow: hidden;
    border: 1px solid rgba(22,166,182,.20);
    border-radius: 14px;
    background: linear-gradient(120deg, rgba(22,166,182,.08), rgba(35,63,143,.04));
}

.page_index_journal .additional_content::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 7px;
    background: linear-gradient(180deg, var(--pjmr-cyan), var(--pjmr-coral));
}

.current_issue { margin-top: 38px; padding-top: 0; border-top: 0; }

.current_issue .read_more {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 18px;
    padding: 11px 18px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(100deg, var(--pjmr-indigo), var(--pjmr-cyan-dark));
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 8px 20px rgba(35,63,143,.20);
}

.current_issue .read_more::after { content: "→"; font-size: 17px; }
.current_issue .read_more:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(35,63,143,.28); }

/* ----------------------- ISSUES / ARTICLES ------------------------ */
.obj_issue_toc { margin: 0; padding: 0; border: 0; }

.obj_issue_toc .heading {
    position: relative;
    margin: 0 0 28px;
    padding: 28px;
    overflow: hidden;
    border: 1px solid var(--pjmr-line);
    border-radius: 16px;
    background:
        radial-gradient(circle at 95% 20%, rgba(22,166,182,.13), transparent 10rem),
        linear-gradient(120deg, #f8fbff, #fff);
}

.obj_issue_toc .heading::before {
    content: "CURRENT ISSUE";
    display: inline-block;
    margin-bottom: 11px;
    padding: 6px 11px;
    border-radius: 999px;
    color: var(--pjmr-cyan-dark);
    background: rgba(22,166,182,.11);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.35px;
}

.obj_issue_toc .heading .description { color: var(--pjmr-muted); }

.obj_issue_toc .section { margin-top: 34px; padding: 0; }

.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--pjmr-night);
    font-size: 22px;
    font-weight: 850;
}

.obj_issue_toc .section > h2::before,
.obj_issue_toc .section > h3::before {
    content: "";
    width: 12px;
    height: 12px;
    border: 4px solid rgba(22,166,182,.20);
    border-radius: 50%;
    background: var(--pjmr-cyan);
}

.obj_article_summary {
    position: relative;
    margin: 0 0 16px;
    padding: 23px 24px 22px;
    border: 1px solid var(--pjmr-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(17,27,61,.045);
}

.obj_article_summary::after {
    content: "";
    position: absolute;
    top: 18px;
    right: 18px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--pjmr-coral);
    box-shadow: 0 0 0 5px rgba(239,119,95,.10);
}

.obj_article_summary:hover {
    border-color: rgba(22,166,182,.42);
    box-shadow: 0 15px 32px rgba(17,27,61,.095);
    transform: translateY(-3px);
}

.obj_article_summary .title {
    max-width: calc(100% - 32px);
    margin-bottom: 8px;
    color: var(--pjmr-night);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.42;
}

.obj_article_summary .title a { color: var(--pjmr-night); }
.obj_article_summary .title a:hover { color: var(--pjmr-indigo); }

.obj_article_summary .authors,
.obj_article_summary .pages { color: var(--pjmr-muted); font-size: 14px; }
.obj_article_summary .galleys_links { margin-top: 14px; }

.obj_galley_link,
.cmp_button_wire,
.galleys_links a,
.obj_article_summary .galley-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 15px;
    border: 0 !important;
    border-radius: 999px;
    color: #fff !important;
    background: var(--pjmr-indigo) !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    box-shadow: 0 6px 15px rgba(35,63,143,.18);
}

.obj_galley_link:hover,
.cmp_button_wire:hover,
.galleys_links a:hover,
.obj_article_summary .galley-link:hover {
    color: #fff !important;
    background: var(--pjmr-coral) !important;
    transform: translateY(-1px);
}

/* ---------------------------- ARCHIVE ----------------------------- */
.issues_archive > li { margin-bottom: 18px; padding: 0; border: 0; }

.obj_issue_summary {
    min-height: 150px;
    padding: 22px;
    border: 1px solid var(--pjmr-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: var(--pjmr-soft-shadow);
}

.obj_issue_summary:hover { border-color: rgba(35,63,143,.38); transform: translateY(-3px); }
.obj_issue_summary .cover img { border-radius: 8px; box-shadow: 0 10px 24px rgba(17,27,61,.16); }
.obj_issue_summary .title { color: var(--pjmr-night); font-weight: 800; }
.obj_issue_summary .description { color: var(--pjmr-muted); }

/* -------------------------- ARTICLE PAGE -------------------------- */
.obj_article_details .page_title,
.obj_article_details .title { color: var(--pjmr-night); font-weight: 850; }
.obj_article_details .authors { color: var(--pjmr-indigo); }
.obj_article_details .main_entry,
.obj_article_details .entry_details { border-color: var(--pjmr-line); }

.obj_article_details .abstract {
    margin-top: 27px;
    padding: 25px 27px;
    border: 1px solid rgba(22,166,182,.18);
    border-radius: 15px;
    background: linear-gradient(120deg, rgba(22,166,182,.075), rgba(255,255,255,.95));
}

.obj_article_details .item .label {
    color: var(--pjmr-night);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .65px;
    text-transform: uppercase;
}
.obj_article_details .item .value { color: var(--pjmr-text); }

/* ----------------------------- SIDEBAR ---------------------------- */
.pkp_structure_sidebar { padding-left: 26px; }

.pkp_block {
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--pjmr-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--pjmr-soft-shadow);
}

.pkp_block .title {
    margin: 0;
    padding: 15px 17px;
    color: var(--pjmr-night);
    border-bottom: 1px solid var(--pjmr-line);
    background: linear-gradient(90deg, rgba(22,166,182,.10), rgba(35,63,143,.04));
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.pkp_block .title::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 9px;
    border-radius: 50%;
    background: var(--pjmr-coral);
}

.pkp_block .content { padding: 16px 17px 18px; }
.pkp_block ul { margin: 0; padding: 0; list-style: none; }
.pkp_block li { padding: 9px 0; border-bottom: 1px solid #edf1f7; }
.pkp_block li:last-child { border-bottom: 0; }
.pkp_block li a { color: var(--pjmr-text); font-weight: 650; }
.pkp_block li a:hover { color: var(--pjmr-indigo); padding-left: 4px; }

.pkp_block.block_make_submission {
    border: 0;
    background: linear-gradient(135deg, var(--pjmr-indigo), var(--pjmr-cyan-dark));
    box-shadow: 0 14px 30px rgba(35,63,143,.23);
}

.pkp_block.block_make_submission .content { padding: 0; }

.pkp_block.block_make_submission a {
    display: block;
    padding: 18px;
    color: #fff !important;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .9px;
    text-align: center;
    text-transform: uppercase;
}

.pkp_block.block_make_submission a::after { content: "  →"; }
.pkp_block.block_make_submission:hover { background: linear-gradient(135deg, var(--pjmr-coral), #d85e49); }

/* ---------------------- FORMS / BUTTONS / TABLES ------------------ */
button,
input[type="submit"],
.cmp_button,
.pkp_button,
a.cmp_button {
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(100deg, var(--pjmr-indigo), var(--pjmr-cyan-dark));
    font-weight: 800;
    box-shadow: 0 7px 18px rgba(35,63,143,.18);
}

button:hover,
input[type="submit"]:hover,
.cmp_button:hover,
.pkp_button:hover,
a.cmp_button:hover { color: #fff; background: var(--pjmr-coral); }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
select,
textarea {
    border: 1px solid var(--pjmr-line);
    border-radius: 9px;
    background: #fff;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--pjmr-cyan);
    box-shadow: 0 0 0 4px rgba(22,166,182,.11);
    outline: 0;
}

table { width: 100%; border-collapse: collapse; overflow: hidden; border-radius: 10px; background: #fff; }
th { color: #fff; background: var(--pjmr-night); }
th, td { padding: 11px 13px; border: 1px solid var(--pjmr-line); }
tr:nth-child(even) td { background: #f8faff; }

/* ----------------------------- FOOTER ----------------------------- */
.pkp_structure_footer {
    position: relative;
    margin-top: 0;
    color: rgba(255,255,255,.84);
    background:
        radial-gradient(circle at 90% 0, rgba(22,166,182,.24), transparent 17rem),
        var(--pjmr-night);
}

.pkp_structure_footer::before {
    content: "";
    display: block;
    height: 6px;
    background: linear-gradient(90deg, var(--pjmr-cyan), var(--pjmr-coral));
}

.pkp_footer_content { max-width: 1280px; margin: 0 auto; padding: 34px 28px; }
.pkp_structure_footer a { color: #78d9e2; }
.pkp_structure_footer a:hover { color: #fff; }
.pkp_brand_footer { padding: 0 28px 24px; }
.pkp_brand_footer img { filter: grayscale(1) brightness(2); opacity: .72; }

/* -------------------------- RESPONSIVE ---------------------------- */
@media (max-width: 991px) {
    .pkp_structure_content { margin-top: 25px; padding: 0 18px; }
    .pkp_structure_main { padding: 30px 27px; }
    .pkp_structure_sidebar { padding-left: 0; }
    .pkp_site_name { padding: 29px 0 25px; }
}

@media (max-width: 767px) {
    body { font-size: 14px; }
    .pkp_head_wrapper { padding: 0 18px; }
    .pkp_site_name { padding: 24px 0 22px; text-align: center; }
    .pkp_site_name > a,
    .pkp_site_name .is_text { font-size: 28px; letter-spacing: -.5px; }
    .pkp_site_name > a::before,
    .pkp_site_name .is_text::before { font-size: 9px; letter-spacing: 1.45px; }
    .pkp_site_name > a::after,
    .pkp_site_name .is_text::after { font-size: 9px; letter-spacing: .7px; }
    .pkp_structure_content { padding: 0 12px; }
    .pkp_structure_main { padding: 24px 18px; border-radius: 12px; }
    .page_index_journal .additional_content,
    .obj_issue_toc .heading { padding: 21px; }
    .obj_article_summary { padding: 20px 18px; }
    .obj_article_summary .title { font-size: 17px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}
