/* ======================================================
   HEADER
====================================================== */

.pkp_structure_head {
    position: relative;
    width: 100%;
    min-height: 260px;
    height: 260px;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    padding: 0 220px 0 210px;

    background:
        radial-gradient(circle at 72% 40%, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.00) 18%),
        radial-gradient(circle at 76% 56%, rgba(120,190,255,0.18) 0%, rgba(120,190,255,0.00) 24%),
        linear-gradient(90deg, #1f3f93 0%, #24479d 48%, #223f95 100%);
}

/* LEFT COVER BLOCK */
.pkp_structure_head::before {
    content: "";
    position: absolute;
    left: 42px;
    top: 50%;
    transform: translateY(-50%);
    width: 118px;
    height: 168px;
    z-index: 2;

    background:
        linear-gradient(to bottom, rgba(255,255,255,0.08), rgba(255,255,255,0.02)),
        url("https://i.postimg.cc/RCg4WgnL/341c2498-88cb-4dc7-9cc3-db82ba456c53.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    box-shadow: 0 12px 30px rgba(0,0,0,0.20);
    border-bottom: 6px solid #ff3b5f;
}

/* RIGHT METRICS */
.pkp_structure_head::after {
    content: "14.0\A CiteScore\A\A7.3\A Impact Factor";
    white-space: pre-line;
    position: absolute;
    right: 52px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;

    color: #ffffff;
    text-align: left;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 500;

    padding-left: 28px;
    border-left: 1px solid rgba(255,255,255,0.45);
}

/* SHOW REAL SITE TITLE */
.pkp_structure_head .pkp_site_name,
.pkp_structure_head .pkp_site_name_wrapper,
.pkp_structure_head h1,
.pkp_structure_head h2 {
    display: block !important;
}

.pkp_site_name {
    position: relative;
    z-index: 3;
    display: block !important;
    text-align: left;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 760px;
}

.pkp_site_name a {
    display: inline-block;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1.2;
    color: #ffffff !important;
    text-decoration: none !important;
    letter-spacing: 0.2px;
    text-shadow: 0 2px 10px rgba(0,0,0,0.18);
}

/* subtitle under title */
.pkp_site_name::after {
    content: "Supports open access";
    display: block;
    margin-top: 8px;
    color: rgba(255,255,255,0.92);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

/* subtle globe effect on right */
.pkp_structure_head .pkp_site_name_wrapper::before {
    content: "";
    position: absolute;
    right: 135px;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: 220px;
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;

    background:
        radial-gradient(circle at center, rgba(255,255,255,0.22) 0 1px, transparent 2px),
        radial-gradient(circle at 32% 34%, rgba(255,255,255,0.30) 0 2px, transparent 3px),
        radial-gradient(circle at 69% 66%, rgba(255,255,255,0.24) 0 2px, transparent 3px),
        radial-gradient(circle at 50% 50%, rgba(96,185,255,0.16) 0%, rgba(96,185,255,0.04) 48%, rgba(96,185,255,0.00) 66%);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow:
        inset 0 0 40px rgba(255,255,255,0.06),
        0 0 25px rgba(115,190,255,0.14);
    animation: globeFloat 10s linear infinite alternate;
}

.pkp_structure_head .pkp_site_name_wrapper::after {
    content: "";
    position: absolute;
    right: 135px;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: 220px;
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
    opacity: 0.55;

    background:
        linear-gradient(25deg, transparent 49%, rgba(255,255,255,0.15) 50%, transparent 51%),
        linear-gradient(-32deg, transparent 49%, rgba(255,255,255,0.12) 50%, transparent 51%),
        linear-gradient(90deg, transparent 49%, rgba(255,255,255,0.10) 50%, transparent 51%);
    animation: globeRotate 18s linear infinite;
}

@keyframes globeRotate {
    from { transform: translateY(-50%) rotate(0deg); }
    to   { transform: translateY(-50%) rotate(360deg); }
}

@keyframes globeFloat {
    0%   { transform: translateY(-50%) scale(1); opacity: 0.92; }
    100% { transform: translateY(-50%) scale(1.04); opacity: 1; }
}

/* ======================================================
   NAVBAR
====================================================== */

.pkp_navigation_primary{
    background:#ffffff !important;
    text-align:left;
    padding:0 0 0 24px !important;
    min-height:0 !important;
    border-bottom:1px solid #d9e1ef !important;
}
.pkp_navigation_primary > li > a{
    color:#1f2937 !important;
    padding:16px 16px !important;
    font-weight:500 !important;
}
.pkp_navigation_primary > li > a:hover{
    background:transparent !important;
    color:#1f3f93 !important;
}

/* Remove the blue outline and border on focus */
.pkp_navigation_search a.pkp_search:focus {
    outline: none !important;
    border: none !important;
}

/* Search button background color */
.pkp_navigation_search a.pkp_search {
    background: #0e74af !important;
    color: white !important;
    padding: 14px 18px !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Optional: Add hover effect for the search button */
.pkp_navigation_search a.pkp_search:hover {
    background: #095f92 !important;
}

/* ======================================================
   BODY
====================================================== */

body{
    background:#f1f5f9 !important;
    font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;
    color:#334155 !important;
}
/* ======================================================
   CONTENT + SIDEBAR GAP
====================================================== */

.pkp_structure_content{
    display:flex !important;
    gap:40px !important;
}
/* ======================================================
   MAIN CONTENT CARD
====================================================== */

.pkp_structure_main{

    background:#ffffff !important;

    border-top:5px solid #1e73be !important;
    border-left:1px solid #e2e8f0 !important;
    border-right:1px solid #e2e8f0 !important;
    border-bottom:1px solid #e2e8f0 !important;

    border-radius:20px !important;

    padding:35px !important;
    margin-top:25px !important;

    box-shadow:0 10px 25px rgba(0,0,0,0.08) !important;
}
/* ======================================================
   HEADINGS
====================================================== */

.pkp_structure_main h1,
.pkp_structure_main h2{

    color:#0f172a !important;
    font-weight:700 !important;

    padding-bottom:10px;
    margin-bottom:20px;
}

/* Remove OJS default divider */

.page hr{
    display:none !important;
}

/* ======================================================
   ARTICLE LIST
====================================================== */

.cmp_article_list{
    background:#ffffff !important;
    border:1px solid #e2e8f0 !important;
    border-radius:20px !important;
    padding:30px !important;
}

.obj_article_summary{

    background:#ffffff !important;
    border:1px solid #f1f5f9 !important;

    border-radius:12px !important;
    padding:20px !important;

    margin-bottom:15px !important;
}

.obj_article_summary:hover{

    transform:translateX(8px);
    border-left:4px solid #38bdf8 !important;
}

/* ======================================================
   SIDEBAR CARDS
====================================================== */

.pkp_structure_sidebar .pkp_block{

    background:#ffffff !important;

    border:1px solid #e2e8f0 !important;
    border-radius:20px !important;

    padding:25px !important;
    margin-bottom:25px !important;

    box-shadow:0 5px 15px rgba(0,0,0,0.06);
}

/* ======================================================
   BUTTONS
====================================================== */

.pkp_button,
.action.make_submission,
button{

    background:#04072A !important;

    border:2px solid #38bdf8 !important;
    color:#ffffff !important;

    border-radius:40px !important;

    padding:12px 24px !important;

    font-weight:700 !important;
}

.pkp_button:hover{
    background:#38bdf8 !important;
}
/* Glass effect cards */

/* PREMIUM GLASS SIDEBAR CARDS */

.pkp_structure_sidebar .pkp_block{

    background: rgba(255,255,255,0.15) !important;

    backdrop-filter: blur(14px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(180%);

    border:1px solid rgba(255,255,255,0.25) !important;
    border-radius:20px !important;

    padding:25px !important;
    margin-bottom:25px !important;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);

    transition: all 0.35s ease;
}
/* Hover animation */

/* HOVER GLASS EFFECT */

.pkp_structure_sidebar .pkp_block:hover{

    transform: translateY(-6px) scale(1.02);

    background: rgba(56,189,248,0.18) !important;

    border-color:#38bdf8 !important;

    box-shadow:
        0 20px 40px rgba(0,0,0,0.12),
        0 0 20px rgba(56,189,248,0.25);

}
/* ======================================================
   FOOTER
====================================================== */

.pkp_structure_footer{

    background:#04072A !important;
    color:#cbd5e1 !important;

    padding:10px 0;
}

.pkp_structure_footer a{
    color:#38bdf8 !important;
}

.pkp_brand_footer{
    filter:brightness(0) invert(1);
}
/* FULL WIDTH FOOTER */


/* FULL WIDTH FOOTER */

.pkp_structure_footer{

    background:#04072A !important;
    color:#cbd5e1 !important;

    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    padding:15px 0 !important;
}

.pkp_structure_footer .pkp_footer_content{
    max-width:1200px;
    margin:auto;
}
/* FORCE FOOTER FULL WIDTH */

.pkp_structure_footer{
    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    padding-left:0 !important;
    padding-right:0 !important;
}

/* allow footer inner content to stretch */

.pkp_structure_footer .pkp_footer_content{
    max-width:1200px;
    margin:auto;
}
/* Remove blue underline from headings */

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3{
    border-bottom:none !important;
    box-shadow:none !important;
}
/* Remove extra heading underline */

.page_about h1{
    border-bottom: none !important;
}
/* Remove outer box on About page */

.page_about .pkp_structure_main {

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;

}
/* Remove outer OJS page box */

.page_about .pkp_structure_main {

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
/* Remove outer OJS container on About page */

.page_about .pkp_structure_content .pkp_structure_main {

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
/* Disable outer container box on About page */

.page_about .pkp_structure_main {

    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
}
.page_publication .pkp_structure_main img{
    width:100% !important;
    height:auto !important;
    display:block;
}
/* Make content images full width inside left container */

.pkp_structure_main img{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    display:block;
}
/* Sidebar mein long email address ko wrap karne ke liye */
.pkp_structure_sidebar .pkp_block .content a, 
.pkp_structure_sidebar .pkp_block p {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    display: inline-block !important;
    max-width: 100% !important;
}
/* Platform and Workflow by OJS badge ko hide karne ke liye */
.pkp_brand_footer {
    display: none !important;
}

.pkp_navigation_user_wrapper a {
    color:#000 !important;
    font-weight:600;
}
.pkp_navigation_user_wrapper a:hover {
    color:#38bdf8 !important;
}
.issn-text {
    display:block;
    font-size:13px;
    font-weight:500;
    color:#444;
}

/* OVERRIDE OLD HEADER HIDE RULE */
.pkp_structure_head .pkp_site_name,
.pkp_structure_head .pkp_site_name_wrapper,
.pkp_structure_head h1,
.pkp_structure_head h2 {
    display: block !important;
}

/* MAKE FULL NAVBAR SAME COLOR */
.pkp_navigation_primary {
    background: #ffffff !important;
}

/* FIX RIGHT SIDE (SEARCH AREA BACKGROUND) */
.pkp_navigation_primary_wrapper {
    background: #ffffff !important;
    border-bottom:1px solid #d9e1ef !important;
}

/* FORCE SEARCH AREA SAME COLOR */
.pkp_navigation_search {
    background: #ffffff !important;
}

/* REMOVE DIFFERENT BLUE STRIP */
.pkp_navigation_primary_wrapper::before,
.pkp_navigation_primary_wrapper::after {
    background: #ffffff !important;
}

/* ===== FIX ADMIN BUTTON ONLY (NO SIDE EFFECTS) ===== */

/* Target ONLY the top admin trigger button */
.pkp_navigation_user_wrapper > ul > li > a {

    background: #1f3f93 !important;
    color: #ffffff !important;

    padding: 8px 16px !important;
    border-radius: 20px !important;

    border: 2px solid #8bc6ff !important;

    font-weight: 600 !important;
}

/* Hover only for admin button */
.pkp_navigation_user_wrapper > ul > li > a:hover {
    background: #2b67d1 !important;
    color: #ffffff !important;
}

/* ======================================================
   RESPONSIVE HEADER
====================================================== */

@media (max-width: 991px) {
    .pkp_structure_head {
        min-height: 220px;
        height: auto;
        padding: 30px 30px 30px 160px;
    }

    .pkp_structure_head::before {
        left: 24px;
        width: 96px;
        height: 138px;
    }

    .pkp_structure_head::after {
        right: 24px;
        font-size: 12px;
        padding-left: 18px;
    }

    .pkp_site_name a {
        font-size: 24px !important;
    }

    .pkp_structure_head .pkp_site_name_wrapper::before,
    .pkp_structure_head .pkp_site_name_wrapper::after {
        width: 160px;
        height: 160px;
        right: 95px;
    }
}

@media (max-width: 767px) {
    .pkp_structure_head {
        min-height: auto;
        height: auto;
        padding: 28px 20px 24px 20px;
        display: block;
    }

    .pkp_structure_head::before {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        width: 90px;
        height: 126px;
        display: block;
        margin: 0 0 18px 0;
    }

    .pkp_structure_head::after {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        display: block;
        border-left: none;
        border-top: 1px solid rgba(255,255,255,0.35);
        margin-top: 16px;
        padding: 14px 0 0 0;
        font-size: 12px;
    }

    .pkp_site_name {
        max-width: 100%;
    }

    .pkp_site_name a {
        font-size: 22px !important;
        line-height: 1.25;
    }

    .pkp_site_name::after {
        font-size: 12px;
    }

    .pkp_structure_head .pkp_site_name_wrapper::before,
    .pkp_structure_head .pkp_site_name_wrapper::after {
        display: none;
    }

    .pkp_navigation_primary {
        padding-left: 0 !important;
        text-align: center !important;
    }

    .pkp_navigation_primary > li > a {
        padding: 12px 10px !important;
        font-size: 14px;
    }

    .pkp_navigation_search a.pkp_search {
        padding: 12px 14px !important;
    }
}
/* ======================================================
   SAFE SUBMENU FIX
   Sirf dropdown show karna hai, baaki design same rahe
====================================================== */

/* parent menu visible rahe */
.pkp_navigation_primary,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary ul,
.pkp_navigation_primary li {
    overflow: visible !important;
}

/* submenu parent */
.pkp_navigation_primary li {
    position: relative !important;
}

/* dropdown hidden by default */
.pkp_navigation_primary li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 240px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #ffffff;
    border: 1px solid #d9e1ef;
    box-shadow: 0 8px 20px rgba(0,0,0,0.10);
    z-index: 9999;
}

/* first submenu show on hover */
.pkp_navigation_primary li:hover > ul,
.pkp_navigation_primary li:focus-within > ul {
    display: block;
}

/* submenu items vertical stack me */
.pkp_navigation_primary li ul li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* submenu links */
.pkp_navigation_primary li ul li a {
    display: block !important;
    width: 100% !important;
    padding: 10px 14px !important;
    background: #ffffff !important;
    color: #1f2937 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

/* hover effect */
.pkp_navigation_primary li ul li a:hover,
.pkp_navigation_primary li ul li a:focus {
    background: #f3f7fd !important;
    color: #1f3f93 !important;
}

/* second level submenu right side me */
.pkp_navigation_primary li ul li ul {
    top: 0;
    left: 100%;
}

/* mobile fallback */
@media (max-width: 767px) {
    .pkp_navigation_primary li ul,
    .pkp_navigation_primary li ul li ul {
        position: static !important;
        top: auto !important;
        left: auto !important;
        min-width: 100% !important;
        box-shadow: none !important;
        border: none !important;
    }
}
/* ======================================================
   FIX: submenu visible rahe, user menu/search hide na ho
====================================================== */

/* Header/nav wrappers visible rahen */
.pkp_structure_head,
.pkp_navigation_primary_wrapper,
.pkp_site_nav_menu,
.pkp_navigation_primary {
    overflow: visible !important;
}


.pkp_navigation_primary {
    position: relative !important;
    z-index: 30 !important;
}

/* Dropdown menu content block ke upar aaye */
.pkp_navigation_primary li ul {
    z-index: 9999 !important;
}

/* User area aur search visible rahen */
.pkp_navigation_user_wrapper,
.pkp_navigation_search,
.pkp_navigation_search_wrapper {
    position: relative !important;
    z-index: 40 !important;
}

/* Content normal layer me rahe */
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar,
.pkp_structure_content .pkp_structure_main,
.pkp_structure_sidebar .pkp_block {
    position: relative !important;
    z-index: 1 !important;
}
/* ======================================================
   FIX: remove blue nav box and keep search/user menu on top row
====================================================== */

/* Blue wrapper hatao */
.pkp_site_nav_menu {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Primary nav apni normal line me rahe */
.pkp_navigation_primary_wrapper {
    background: #ffffff !important;
    border-bottom: 1px solid #d9e1ef !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Search / user area same row par upar rahe */
.pkp_navigation_user_wrapper,
.pkp_navigation_search_wrapper,
.pkp_navigation_search,
.pkp_navigation_user {
    position: relative !important;
    z-index: 50 !important;
}

/* Nav wrapper inke upar overlap na kare */
.pkp_site_nav_menu,
.pkp_navigation_primary,
.pkp_navigation_primary_wrapper {
    position: relative !important;
    z-index: 10 !important;
}
.pkp_site_name a {
    font-family: "Times New Roman", Times, serif !important;
}

.pkp_site_name a::after {
    content: "p-ISSN 3117-5309  e-ISSN 3117-5317";
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-top: 4px;
    color: rgba(255,255,255,0.85);
}
/* ===== FIX NAVBAR HORIZONTAL ON ALL PAGES ===== */

.pkp_navigation_primary {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 0 24px !important;
}

.pkp_navigation_primary > li {
    display: inline-block !important;
}

.pkp_navigation_primary > li > a {
    display: block !important;
}