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

.pkp_structure_head {
    background-image: url("https://i.postimg.cc/1X71H0XC/h.png");
    background-position:center;
    background-size: cover;
    height:260px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.pkp_site_name {
    display:block !important;
    text-align:left;
    padding:10px 20px;
}
.pkp_site_name a {
    font-size:28px !important;
    font-weight:700 !important;
    color:#000 !important;
}
/* ======================================================
   NAVBAR
====================================================== */
.pkp_navigation_primary{
    background:#04072A !important;
    text-align:center;
    padding:0 !important;
    min-height:0 !important;
}
.pkp_navigation_primary > li > a{
    color:#cbd5e1 !important;
    padding:6px 12px !important;
}
.pkp_navigation_primary > li > a:hover{
    background:rgba(56,189,248,0.2) !important;
    color:#38bdf8 !important;
}

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

/* Search button background color */
.pkp_navigation_search a.pkp_search {
    background: #04072A !important;  /* Dark blue background */
    color: white !important;         /* White text color */
    padding: 12px 24px !important;   /* Padding to make the button bigger */
    border-radius: 8px !important;   /* Optional: Add rounded corners */
}

/* Optional: Add hover effect for the search button */
.pkp_navigation_search a.pkp_search:hover {
    background: #04072A !important;  /* Slightly lighter blue when hovered */
}
/* ======================================================
   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;   /* yaha distance control hoga */
}
/* ======================================================
   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; /* Ya 'block' use karein agar alignment issue ho */
    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;
}
/* REMOVE WHITE HEADER TEXT OVER IMAGE */
.pkp_structure_head .pkp_site_name,
.pkp_structure_head .pkp_site_name_wrapper,
.pkp_structure_head h1,
.pkp_structure_head h2 {
    display: none !important;
}
/* MAKE FULL NAVBAR SAME COLOR */

.pkp_navigation_primary {
    background: #04072A !important;
}

/* FIX RIGHT SIDE (SEARCH AREA BACKGROUND) */
.pkp_navigation_primary_wrapper {
    background: #04072A !important;
}

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

/* REMOVE DIFFERENT BLUE STRIP */
.pkp_navigation_primary_wrapper::before,
.pkp_navigation_primary_wrapper::after {
    background: #04072A !important;
}
/* ===== FIX ADMIN BUTTON ONLY (NO SIDE EFFECTS) ===== */

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

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

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

    border: 2px solid #38bdf8 !important;

    font-weight: 600 !important;
}

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