/* SMSRJ PREMIUM 3D THEME — OJS / PKP */
:root{
 --sms-navy:#102b46;
 --sms-navy2:#173d58;
 --sms-teal:#009f9a;
 --sms-gold:#d5ac63;
 --sms-ink:#20334a;
 --sms-bg:#f3f7fa;
 --sms-white:#fff;
 --sms-shadow:0 12px 32px rgba(12,39,63,.11);
}
body:has(a[href*="/smsrj/"]){
 background:var(--sms-bg);
 color:var(--sms-ink);
 font-family:"Segoe UI",Arial,sans-serif;
 line-height:1.75;
}
body:has(a[href*="/smsrj/"]) .pkp_structure_head{
 background:linear-gradient(125deg,#102b46 0%,#174d65 58%,#008b88 100%);
 box-shadow:0 9px 28px rgba(13,43,69,.22);
 border-bottom:4px solid var(--sms-gold);
 position:relative;
 isolation:isolate;
}
body:has(a[href*="/smsrj/"]) .pkp_structure_head:before{
 content:"";position:absolute;inset:0;z-index:-1;
 background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.14),transparent 38%);
 pointer-events:none;
}
body:has(a[href*="/smsrj/"]) .pkp_site_name,
body:has(a[href*="/smsrj/"]) .pkp_site_name a{
 color:#fff!important;
 text-shadow:0 3px 12px rgba(0,0,0,.25);
}
body:has(a[href*="/smsrj/"]) .pkp_site_name .is_text{
 font-size:clamp(22px,3vw,37px);
 font-weight:800;letter-spacing:.3px;
}
body:has(a[href*="/smsrj/"]) .pkp_site_name img{
 max-height:110px;width:auto;object-fit:contain;
 filter:drop-shadow(0 6px 12px rgba(0,0,0,.16));
}
body:has(a[href*="/smsrj/"]) .pkp_navigation_primary_wrapper{
 background:rgba(8,32,52,.32);
 border-radius:12px;
}
body:has(a[href*="/smsrj/"]) .pkp_navigation_primary>li>a,
body:has(a[href*="/smsrj/"]) .pkp_navigation_user>li>a{
 color:#fff!important;font-weight:650;
 transition:background .25s,transform .25s;
 border-radius:8px;
}
body:has(a[href*="/smsrj/"]) .pkp_navigation_primary>li>a:hover,
body:has(a[href*="/smsrj/"]) .pkp_navigation_user>li>a:hover{
 background:rgba(255,255,255,.16);
 transform:translateY(-2px);
}
body:has(a[href*="/smsrj/"]) .pkp_navigation_primary ul{
 background:#fff;border:1px solid #e5edf1;
 border-radius:12px;box-shadow:var(--sms-shadow);
 overflow:hidden;
}
body:has(a[href*="/smsrj/"]) .pkp_navigation_primary ul a{
 color:var(--sms-navy)!important;
}
body:has(a[href*="/smsrj/"]) .pkp_navigation_primary ul a:hover{
 background:#e9f6f5;color:#007f7c!important;
}
body:has(a[href*="/smsrj/"]) .pkp_structure_content{
 background:transparent;
 padding-top:24px;
}
body:has(a[href*="/smsrj/"]) .pkp_structure_main{
 background:#fff;border-radius:18px;
 box-shadow:var(--sms-shadow);
 padding:28px;
 min-width:0;
}
body:has(a[href*="/smsrj/"]) .pkp_structure_sidebar .pkp_block{
 background:linear-gradient(145deg,#fff,#f6fafc);
 border:1px solid #e2edf0;border-radius:16px;
 padding:19px;margin-bottom:20px;
 box-shadow:0 9px 22px rgba(13,43,69,.08);
 transition:transform .3s,box-shadow .3s;
}
body:has(a[href*="/smsrj/"]) .pkp_structure_sidebar .pkp_block:hover{
 transform:translateY(-5px);
 box-shadow:0 16px 32px rgba(13,43,69,.16);
}
body:has(a[href*="/smsrj/"]) .pkp_block .title{
 color:var(--sms-navy);font-weight:800;
 border-bottom:2px solid var(--sms-teal);
 padding-bottom:9px;
}
body:has(a[href*="/smsrj/"]) .page_index_journal .current_issue,
body:has(a[href*="/smsrj/"]) .cmp_announcements,
body:has(a[href*="/smsrj/"]) .obj_issue_summary,
body:has(a[href*="/smsrj/"]) .obj_article_summary{
 background:#fff;border:1px solid #e6edf1;
 border-radius:15px;padding:20px;
 margin-bottom:18px;
 box-shadow:0 7px 20px rgba(14,45,70,.07);
 transition:transform .3s,box-shadow .3s,border-color .3s;
}
body:has(a[href*="/smsrj/"]) .obj_article_summary:hover,
body:has(a[href*="/smsrj/"]) .obj_issue_summary:hover{
 transform:perspective(900px) translateY(-5px) rotateX(1deg);
 border-color:#a5dcd8;
 box-shadow:0 18px 30px rgba(12,45,68,.15);
}
body:has(a[href*="/smsrj/"]) h1,
body:has(a[href*="/smsrj/"]) h2,
body:has(a[href*="/smsrj/"]) h3{
 color:var(--sms-navy);line-height:1.35;
}
body:has(a[href*="/smsrj/"]) .pkp_structure_main h2:after{
 content:"";display:block;width:55px;height:3px;
 margin-top:10px;border-radius:5px;
 background:linear-gradient(90deg,var(--sms-teal),var(--sms-gold));
}
body:has(a[href*="/smsrj/"]) .pkp_structure_main a{
 color:#087d83;transition:color .2s;
}
body:has(a[href*="/smsrj/"]) .pkp_structure_main a:hover{
 color:#bd8b38;
}
body:has(a[href*="/smsrj/"]) .cmp_button,
body:has(a[href*="/smsrj/"]) .obj_galley_link,
body:has(a[href*="/smsrj/"]) button[type="submit"],
body:has(a[href*="/smsrj/"]) input[type="submit"]{
 background:linear-gradient(135deg,#126c79,#009f9a);
 color:#fff!important;border:0;border-radius:9px;
 padding:9px 17px;font-weight:700;
 box-shadow:0 5px 12px rgba(0,130,130,.18);
 transition:transform .25s,box-shadow .25s;
}
body:has(a[href*="/smsrj/"]) .cmp_button:hover,
body:has(a[href*="/smsrj/"]) .obj_galley_link:hover,
body:has(a[href*="/smsrj/"]) button[type="submit"]:hover{
 transform:translateY(-3px);
 box-shadow:0 10px 22px rgba(0,130,130,.26);
}
body:has(a[href*="/smsrj/"]) input:not([type="submit"]):not([type="checkbox"]),
body:has(a[href*="/smsrj/"]) select,
body:has(a[href*="/smsrj/"]) textarea{
 max-width:100%;border:1px solid #cbdbe2;
 border-radius:8px;padding:9px;
}
body:has(a[href*="/smsrj/"]) input:focus,
body:has(a[href*="/smsrj/"]) textarea:focus{
 outline:2px solid rgba(0,159,154,.3);
 border-color:var(--sms-teal);
}
body:has(a[href*="/smsrj/"]) .obj_issue_toc .sections{
 border-top:1px solid #e4edf1;
}
body:has(a[href*="/smsrj/"]) .obj_issue_toc .section h2{
 color:var(--sms-navy);font-weight:800;
}
body:has(a[href*="/smsrj/"]) .obj_issue_summary .cover img,
body:has(a[href*="/smsrj/"]) .current_issue .cover img{
 border-radius:9px;
 box-shadow:8px 12px 22px rgba(0,0,0,.17);
 transition:transform .35s;
}
body:has(a[href*="/smsrj/"]) .obj_issue_summary .cover img:hover,
body:has(a[href*="/smsrj/"]) .current_issue .cover img:hover{
 transform:perspective(800px) rotateY(-6deg) translateY(-4px);
}
body:has(a[href*="/smsrj/"]) .pkp_structure_footer_wrapper{
 background:linear-gradient(120deg,#102b46,#174b5e);
 color:#eaf5f6;border-top:4px solid var(--sms-gold);
}
body:has(a[href*="/smsrj/"]) .pkp_structure_footer,
body:has(a[href*="/smsrj/"]) .pkp_structure_footer a{
 color:#eaf5f6;
}
body:has(a[href*="/smsrj/"]) .pkp_structure_footer a:hover{
 color:#f0cc86;
}
@media(max-width:991px){
 body:has(a[href*="/smsrj/"]) .pkp_structure_main{padding:20px}
 body:has(a[href*="/smsrj/"]) .pkp_structure_sidebar{width:100%;float:none}
}
@media(max-width:767px){
 body:has(a[href*="/smsrj/"]) .pkp_site_name .is_text{font-size:22px}
 body:has(a[href*="/smsrj/"]) .pkp_structure_main{padding:15px;border-radius:12px}
 body:has(a[href*="/smsrj/"]) .pkp_navigation_primary_wrapper{border-radius:0}
 body:has(a[href*="/smsrj/"]) .obj_article_summary{padding:13px}
}
@media(prefers-reduced-motion:reduce){
 body:has(a[href*="/smsrj/"]) *,
 body:has(a[href*="/smsrj/"]) *:before,
 body:has(a[href*="/smsrj/"]) *:after{
  animation:none!important;transition:none!important;
  transform:none!important;
 }
}
/* ==========================================
   SMSRJ - NAVIGATION DROPDOWN FIX
   3D THEME / OJS
   ========================================== */

/* Header ko content se upar rakhein */
.pkp_structure_head {
    position: relative !important;
    z-index: 9999 !important;
    overflow: visible !important;
}

/* Navigation container */
.pkp_navigation_primary_wrapper {
    position: relative !important;
    z-index: 10000 !important;
    overflow: visible !important;
}

/* Main navigation */
.pkp_navigation_primary {
    position: relative !important;
    z-index: 10001 !important;
    overflow: visible !important;
}

/* Parent menu items */
.pkp_navigation_primary > li {
    position: relative !important;
}

/* Dropdown menus */
.pkp_navigation_primary > li > ul,
.pkp_navigation_primary li ul {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 10050 !important;

    min-width: 230px !important;
    background: #ffffff !important;
    border-radius: 0 0 12px 12px !important;
    border: 1px solid #e0eaf0 !important;

    box-shadow: 0 15px 35px
        rgba(0, 25, 50, 0.22) !important;

    overflow: visible !important;
}

/* Dropdown links */
.pkp_navigation_primary li ul li a {
    display: block !important;
    padding: 12px 16px !important;
    color: #12344d !important;
    background: #ffffff !important;
    font-weight: 600 !important;
    white-space: normal !important;
}

/* Hover effects */
.pkp_navigation_primary li ul li a:hover {
    background: #e7f7f6 !important;
    color: #008c88 !important;
}

/* Content always below navigation */
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar {
    position: relative !important;
    z-index: 1 !important;
}

/* Header containers must not clip dropdown */
.pkp_structure_head .pkp_head_wrapper,
.pkp_structure_head .pkp_site_nav_menu {
    overflow: visible !important;
}

/* Mobile: retain OJS mobile menu behavior */
@media (max-width: 767px) {
    .pkp_navigation_primary > li > ul,
    .pkp_navigation_primary li ul {
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        box-shadow: none !important;
    }
}
/* ============================================
   SMSRJ — PREMIUM STICKY RIGHT SIDEBAR
   OJS 3.4 DEFAULT THEME
   NAVY + TEAL 3D DESIGN
   ============================================ */

/* Desktop sticky sidebar */
@media screen and (min-width: 992px) {

    /* Allow sticky sidebar to work */
    .pkp_structure_content {
        overflow: visible !important;
    }

    /* Right Sidebar */
    .pkp_structure_sidebar {
        position: -webkit-sticky !important;
        position: sticky !important;

        top: 20px !important;
        align-self: flex-start !important;

        height: fit-content !important;
        max-height: calc(100vh - 40px) !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        z-index: 10 !important;

        scrollbar-width: thin;
        scrollbar-color: #009F9A #EDF5F7;
    }

    /* Sidebar Blocks - 3D Cards */
    .pkp_structure_sidebar .pkp_block {
        background: linear-gradient(
            145deg,
            #FFFFFF,
            #F2F8FA
        ) !important;

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

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

        box-shadow:
            0 6px 15px rgba(16,43,70,0.08),
            0 12px 28px rgba(16,43,70,0.06) !important;

        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease !important;
    }

    /* 3D Hover Effect */
    .pkp_structure_sidebar .pkp_block:hover {
        transform: translateY(-4px) !important;

        box-shadow:
            0 12px 25px rgba(16,43,70,0.13),
            0 18px 35px rgba(16,43,70,0.08) !important;
    }

    /* Sidebar Titles */
    .pkp_structure_sidebar .pkp_block .title {
        color: #102B46 !important;
        font-weight: 800 !important;

        border-bottom: 2px solid #009F9A !important;
        padding-bottom: 10px !important;
        margin-bottom: 14px !important;
    }

    /* Custom Scrollbar */
    .pkp_structure_sidebar::-webkit-scrollbar {
        width: 5px;
    }

    .pkp_structure_sidebar::-webkit-scrollbar-thumb {
        background: linear-gradient(
            180deg,
            #009F9A,
            #102B46
        );
        border-radius: 10px;
    }

    .pkp_structure_sidebar::-webkit-scrollbar-track {
        background: #EDF5F7;
        border-radius: 10px;
    }
}

/* ============================================
   KEEP NAVIGATION DROPDOWN ABOVE SIDEBAR
   ============================================ */

.pkp_structure_head {
    position: relative !important;
    z-index: 9999 !important;
    overflow: visible !important;
}

.pkp_navigation_primary_wrapper {
    position: relative !important;
    z-index: 10000 !important;
    overflow: visible !important;
}

.pkp_navigation_primary li ul {
    z-index: 10050 !important;
}

/* ============================================
   TABLET & MOBILE
   ============================================ */

@media screen and (max-width: 991px) {

    .pkp_structure_sidebar {
        position: static !important;
        top: auto !important;

        height: auto !important;
        max-height: none !important;

        overflow: visible !important;
        width: auto !important;
    }

    .pkp_structure_sidebar .pkp_block {
        margin-bottom: 15px !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .pkp_structure_sidebar .pkp_block {
        transition: none !important;
        transform: none !important;
    }
}
/* =====================================
   SMSRJ — HIDE SIDEBAR SCROLLBAR ONLY
   KEEP STICKY SIDEBAR WORKING
   ===================================== */

@media (min-width: 992px) {

    .pkp_structure_sidebar {
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .pkp_structure_sidebar::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
}