/* ============================================================
   HIDE STATIC PAGE TITLES ONLY
   ============================================================ */

/* Targets ONLY static/informational pages excluding the article detail page */
body:not(.page_page_article) .pkp_structure_main > .page > h1.page_title,
.page_about .page_title,
.page_page_editorial_team h1,   /* Added specific class from your inspector */
.page_editorial_team .page_title,
.page_contact .page_title,
.page_submissions .page_title {
    display: none !important;
}
/* Targets the Editorial Team page and standard static pages */
.page_page_editorial_team h1, 
.page_editorial_team h1,
.page_about .page_title,
.page_contact .page_title,
.page_submissions .page_title {
    display: none !important;
}

/* Removes the extra top padding that the title used to occupy */
.page_page_editorial_team .pkp_structure_main {
    padding-top: 0 !important;
    margin-top: -30px !important;
}

/* Ensure the space doesn't look empty by adjusting top margin of the content */
.page_page .pkp_structure_main > .page {
    padding-top: 10px !important;
}
/* ============================================================
   IRJSS CENTERED DATE BOX
   ============================================================ */

/* 1. Reset the heading container to stack vertically */
.obj_issue_toc .heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px !important;
    border-bottom: none !important; /* Remove the old line */
}

/* 2. The Center Date Box */
.obj_issue_toc .published {
    display: flex !important;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 50px; /* Pill shape */
    padding: 10px 25px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    width: fit-content;
    margin: 0 auto !important; /* Forces it to the middle */
}

/* 3. Icon and Text Styling */
.obj_issue_toc .published::before {
    content: "📅";
    margin-right: 10px;
    font-size: 16px;
}

.obj_issue_toc .published .label {
    font-family: 'Lora', serif !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    color: #1e1b4b !important;
    font-size: 13px !important;
    margin-right: 8px;
    letter-spacing: 1px;
}

.obj_issue_toc .published .value {
    color: #475569 !important;
    font-weight: 600;
    font-size: 15px;
}

/* 4. Ensure Cover Image is centered too */
.obj_issue_toc .heading .cover {
    margin: 0 auto !important;
    display: block;
    max-width: 200px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}
/* ============================================================
   IRJSS "FULL ISSUE" PREMIUM BANNER STYLING
   ============================================================ */

/* 1. Main Section Container */
.obj_issue_toc .galleys {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px !important;
    margin: 30px 0 40px 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

/* Subtle background accent */
.obj_issue_toc .galleys::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 4px; height: 100%;
    background: #ffd700; /* Gold Brand Side-bar */
}

/* 2. "Full Issue" Heading */
#issueTocGalleyLabel {
    font-family: 'Lora', serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #1e1b4b !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 15px !important;
    display: block !important;
}

/* 3. The Full Issue Download Button */
.obj_issue_toc .galleys_links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.obj_issue_toc .galleys_links li a {
    display: inline-flex !important;
    align-items: center;
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) !important;
    color: #ffffff !important;
    padding: 14px 35px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 50px; /* Modern pill shape */
    text-decoration: none !important;
    box-shadow: 0 10px 20px rgba(30, 27, 75, 0.2);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 2px solid transparent;
}

/* 4. Icon and Hover Effects */
.obj_issue_toc .galleys_links li a::before {
    content: "📚"; /* Book stack icon for full issue */
    margin-right: 12px;
    font-size: 18px;
}

.obj_issue_toc .galleys_links li a:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(30, 27, 75, 0.3);
    color: #ffd700 !important; /* Text turns gold on hover */
    border-color: #ffd700;
}

/* 5. Clean up the "Full Issue" text inside the button */
/* This ensures "Volume 1, Issue 1" looks clean */
.obj_issue_toc .galleys_links li a {
    line-height: 1;
}
/* ============================================================
   IRJSS ARCHIVE: BALANCED ISSUE CARDS
   ============================================================ */

/* 1. Main Card Structure */
.obj_issue_summary {
    display: flex !important;
    align-items: stretch; /* Ensures text area and image area stay same height */
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 25px !important;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    min-height: 200px; /* Adjust this to your preferred card height */
}

/* 2. Intelligent Image Scaling */
.obj_issue_summary .cover {
    flex: 0 0 30%; /* Sets image to take up 30% of card width */
    max-width: 250px;
    min-width: 150px;
    background: #f1f5f9;
    position: relative;
    overflow: hidden;
}

.obj_issue_summary .cover img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 100%;
    object-fit: cover; /* Automatically fills available space without distortion */
    transition: transform 0.5s ease;
}

/* 3. Centered Description Area */
.obj_issue_summary .description {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center; /* PERFECT VERTICAL CENTERING */
    align-items: center;     /* PERFECT HORIZONTAL CENTERING */
    text-align: center;
    padding: 30px !important;
}

/* 4. Month Title Styling */
.obj_issue_summary h2 {
    font-family: 'Lora', serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #1e1b4b !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.2;
}

.obj_issue_summary h2 a {
    text-decoration: none !important;
    color: inherit !important;
}

/* 5. Volume/Series Info */
.obj_issue_summary .series {
    font-size: 18px !important;
    color: #64748b !important;
    font-weight: 600;
    margin: 0 !important;
}

/* 6. Interaction Effects */
.obj_issue_summary:hover {
    border-color: #1e1b4b;
    box-shadow: 0 12px 30px rgba(30, 27, 75, 0.12);
}

.obj_issue_summary:hover .cover img {
    transform: translate(-50%, -50%) scale(1.05);
}

/* Mobile Responsive adjustment */
@media screen and (max-width: 600px) {
    .obj_issue_summary {
        flex-direction: column;
    }
    .obj_issue_summary .cover {
        flex: 0 0 200px;
        width: 100%;
        max-width: 100%;
    }
}/* ============================================================
   IRJSS CONTENT TYPE STYLING (Review, Case Studies, etc.)
   ============================================================ */

/* 1. Universal Section Header Styling */
.obj_issue_toc .section h2 {
    font-family: 'Lora', serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 25px !important;
    position: relative;
    color: #ffffff !important; /* White text for the colored bars */
}

/* 2. Color Coding by Section Type */

/* Research Papers - Navy & Gold */
.obj_issue_toc .section:nth-of-type(1) h2 {
    background: linear-gradient(90deg, #1e1b4b, #312e81);
    border-left: 6px solid #ffd700;
}

/* Review Articles - Emerald/Teal Theme */
.obj_issue_toc .section:contains("Review") h2,
.obj_issue_toc .section:nth-of-type(2) h2 {
    background: linear-gradient(90deg, #064e3b, #065f46);
    border-left: 6px solid #34d399;
}

/* Informative Articles - Slate/Steel Theme */
.obj_issue_toc .section:contains("Informative") h2,
.obj_issue_toc .section:nth-of-type(3) h2 {
    background: linear-gradient(90deg, #334155, #475569);
    border-left: 6px solid #94a3b8;
}

/* Case Studies - Maroon/Deep Red Theme */
.obj_issue_toc .section:contains("Case Study") h2,
.obj_issue_toc .section:contains("Case Studies") h2 {
    background: linear-gradient(90deg, #7f1d1d, #991b1b);
    border-left: 6px solid #f87171;
}

/* 3. Small Article Tags (The "Pill" inside the card) */
/* This adds a small category label above the article title */
.obj_article_summary::before {
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 2px 10px;
    border-radius: 20px;
    margin-bottom: 10px;
    display: inline-block;
    letter-spacing: 1px;
}

/* Logic for the Tag color based on parent section */
.section:contains("Review") .obj_article_summary::before {
    content: "Review Article";
    background: #ecfdf5;
    color: #065f46;
}

.section:contains("Case Study") .obj_article_summary::before {
    content: "Case Study";
    background: #fef2f2;
    color: #991b1b;
}

/* 4. Formatting the Title and Content for these sections */
.obj_article_summary {
    flex-direction: column; /* Better for reading different lengths */
    border-left: 4px solid transparent;
}

/* Matching the card border to the section type on hover */
.section:contains("Review") .obj_article_summary:hover {
    border-left-color: #34d399;
}

.section:contains("Case Study") .obj_article_summary:hover {
    border-left-color: #f87171;
}

/* 5. Spacing for metadata */
.obj_article_summary .pages {
    font-family: monospace;
    color: #94a3b8;
    font-size: 13px;
    float: right;
}

/* ============================================================
   IRJSS Premium Author Biographies Styling
   ============================================================ */

/* 1. Section Header (Author Biographies) */
.item.author_bios h2.label {
    font-family: 'Lora', serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #1e1b4b !important; /* Deep Navy */
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 25px !important;
    border-left: 5px solid #ffd700; /* Gold Brand Accent */
    padding-left: 15px;
    display: block !important;
}

/* 2. Individual Author Container (Sub Item) */
.item.author_bios .sub_item {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 20px !important;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
}

/* 3. Author Name Styling */
.item.author_bios .sub_item strong, 
.item.author_bios .sub_item b {
    font-size: 18px !important;
    color: #1e1b4b !important;
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 5px;
}

/* 4. Institutional Affiliation & Role */
.item.author_bios .sub_item p,
.item.author_bios .sub_item div {
    font-size: 14px !important;
    color: #475569 !important; /* Slate Gray */
    line-height: 1.6;
    margin-top: 8px !important;
}

/* 5. Highlight Key Details (e.g., University Name) */
.item.author_bios .sub_item em {
    font-style: normal;
    font-weight: 600;
    color: #1e1b4b;
}

/* 6. Interaction Effect on Hover */
.item.author_bios .sub_item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(30, 27, 75, 0.08);
    border-color: #1e1b4b;
}

/* 7. Adding a soft background to the entire bio area for depth */
.item.author_bios {
    background: #f8fafc;
    padding: 30px;
    border-radius: 12px;
    margin-top: 30px;
}
/* ============================================================
   IRJSS "Most Read by Same Author" Premium Styling
   ============================================================ */

/* 1. Main Container Box */
#articlesBySameAuthorList {
    background: #ffffff;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    margin-top: 40px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

/* 2. Heading with Brand Accent */
#articlesBySameAuthorList h3 {
    font-size: 19px !important;
    font-weight: 900 !important;
    color: #1e1b4b !important; /* Deep Navy */
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 25px !important;
    border-left: 5px solid #ffd700; /* Gold Accent */
    padding-left: 15px;
    display: block !important;
}

/* 3. List Formatting */
#articlesBySameAuthorList ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. Individual Article Card */
#articlesBySameAuthorList ul li {
    list-style: none !important;
    padding: 18px !important;
    margin-bottom: 12px !important;
    background: #f8fafc;
    border-radius: 10px;
    border-left: 5px solid #1e1b4b; /* Navy Brand Border */
    transition: all 0.3s ease;
    /* This ensures loose text (journal info) is hidden if you want only title */
    color: transparent !important; 
}

/* 5. Article Title Link */
#articlesBySameAuthorList ul li a {
    display: block !important;
    visibility: visible !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #1e1b4b !important;
    line-height: 1.4;
    text-decoration: none !important;
    margin-bottom: 0;
    cursor: pointer !important;
}

/* 6. Clean Up: Hide Journal/Issue metadata for a clean look */
#articlesBySameAuthorList ul li span,
#articlesBySameAuthorList ul li em,
#articlesBySameAuthorList ul li i {
    display: none !important;
}

/* 7. Interactive Hover Effect */
#articlesBySameAuthorList ul li:hover {
    background: #ffffff;
    transform: translateX(10px);
    box-shadow: 0 6px 18px rgba(30, 27, 75, 0.12);
    border-left-color: #ffd700; /* Changes to Gold on hover */
}

#articlesBySameAuthorList ul li a:hover {
    color: #2563eb !important;
    text-decoration: none !important;
}
/* ============================================================
   IRJSS Premium Article Title Styling
   ============================================================ */

/* 1. Main Title Container Styling */
.obj_article_details h1.page_title {
    font-family: 'Lora', serif !important; /* Elegant academic serif */
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #1e1b4b !important; /* Deep Navy Brand Color */
    line-height: 1.3 !important;
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    padding-bottom: 20px;
    position: relative;
    text-align: left;
    letter-spacing: -0.5px;
}

/* 2. Adding the Signature Gold Accent Underline */
.obj_article_details h1.page_title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px; /* Short, modern accent line */
    height: 5px;
    background: #ffd700; /* Your Journal's Gold Brand Color */
    border-radius: 10px;
}

/* 3. Responsive Adjustment for Tablets/Phones */
@media screen and (max-width: 768px) {
    .obj_article_details h1.page_title {
        font-size: 24px !important;
        text-align: center;
    }
    .obj_article_details h1.page_title::after {
        left: 50%;
        transform: translateX(-50%); /* Centers the underline on mobile */
    }
}

/* 4. Text Selection Color */
.obj_article_details h1.page_title::selection {
    background: #1e1b4b;
    color: #ffd700;
}
/* ============================================================
   IRJSS Premium Graphical Abstract Styling
   ============================================================ */

/* 1. Main Container Styling (found via inspection) */
div.entry_details .item.cover_image {
    margin-top: 30px;
    padding: 20px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers title and image */
}

/* 2. Style the inserted "Graphical Abstract" Heading */
.irjss-graphical-abstract-heading {
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #1e1b4b !important; /* Deep Navy to match your brand */
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: -20px -20px 20px -20px !important; /* Spans top of container */
    padding: 15px 20px;
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
    color: #ffffff !important;
    border-radius: 12px 12px 0 0;
    width: 100%;
    text-align: center;
    border-bottom: 3px solid #ffd700; /* Gold Brand Accent */
    display: block !important;
}

/* 3. Style the Image Wrapper (.sub_item) */
div.entry_details .item.cover_image .sub_item {
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

/* 4. Style the Image itself to look premium */
div.entry_details .item.cover_image .sub_item img {
    max-width: 90%;
    height: auto;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 5px 20px rgba(30, 27, 75, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Soft lift and glow on hover */
div.entry_details .item.cover_image img:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(30, 27, 75, 0.2);
    border-color: #1e1b4b;
}
/* ============================================================
   IRJSS Similar Articles: Full Visibility & Premium Style
   ============================================================ */

/* 1. Main Container styling */
#articlesBySimilarityList {
    background: #ffffff;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    margin-top: 40px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

/* 2. Premium Heading with Gold Accent */
#articlesBySimilarityList h3 {
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #1e1b4b !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px !important;
    border-left: 5px solid #ffd700;
    padding-left: 15px;
    display: block !important;
}

/* 3. List Item Styling */
#articlesBySimilarityList ul li {
    list-style: none !important;
    padding: 15px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid #f1f5f9;
    /* Ensuring visibility and clickability */
    font-size: 14px !important; 
    line-height: 1.6;
    color: #475569 !important;
    display: block !important;
    transition: all 0.3s ease;
}

/* 4. Article Title Link (Navigation Fix) */
#articlesBySimilarityList ul li a.title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1e1b4b !important;
    text-decoration: none !important;
    display: block !important; /* Makes the whole title area clickable */
    margin-bottom: 5px;
    cursor: pointer !important;
}

/* 5. Author Styling */
#articlesBySimilarityList ul li .authors {
    font-size: 13px !important;
    color: #64748b !important;
    font-style: italic;
    display: block !important;
    margin-bottom: 4px;
}

/* 6. Journal & Issue Info (Unhidden) */
/* This targets the extra text that OJS generates for the volume/issue */
#articlesBySimilarityList ul li span, 
#articlesBySimilarityList ul li em {
    font-size: 12px !important;
    color: #94a3b8 !important;
    display: inline-block;
}

/* 7. Hover Effects */
#articlesBySimilarityList ul li:hover {
    background-color: #f8fafc;
    border-radius: 8px;
    padding-left: 20px !important;
    border-color: #1e1b4b;
}

#articlesBySimilarityList ul li a.title:hover {
    color: #2563eb !important;
    text-decoration: underline !important;
}
/* ==========================================
   1. ISSUE SECTION (The Volume Badge)
   ========================================== */
.item.issue {
    margin: 20px 0;
    padding: 15px;
    background: #eff6ff; /* Very light academic blue */
    border-radius: 8px;
    border: 1px solid #dbeafe;
}

.item.issue .label {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #1e1b4b !important;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px !important;
}

/* Adds a decorative "Journal" icon */
.item.issue .label::before {
    content: "📖";
    margin-right: 8px;
}

.item.issue .value a {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #2563eb !important; /* Brighter blue for the link */
    text-decoration: none !important;
}

.item.issue .value a:hover {
    color: #1e1b4b !important;
    text-decoration: underline !important;
}

/* ==========================================
   2. COPYRIGHT & LICENSE SECTION
   ========================================== */
.item.copyright {
    margin-top: 40px;
    padding: 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    font-size: 13px !important;
    line-height: 1.6;
    color: #64748b;
}

/* Style the Copyright text specifically */
.item.copyright .value {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Center and style the Creative Commons Image */
.item.copyright img {
    max-width: 120px;
    height: auto;
    filter: grayscale(20%);
    transition: filter 0.3s ease;
}

.item.copyright img:hover {
    filter: grayscale(0%);
}

/* Highlighting the License link */
.item.copyright a {
    color: #1e1b4b !important;
    font-weight: 700;
    text-decoration: underline;
}

/* ==========================================
   3. CLEAN UP: HIDE UNWANTED HEADERS
   ========================================== */
/* Based on your header logo, we want to ensure no 
   duplicate titles appear above the styled header */
.page_header_wrapper .page_title {
    display: none !important;
}
/* 1. Main Citation Container */
.item.citation {
    margin: 30px 0;
    padding: 20px;
    background: #fdfdfd;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 2. Style the "How to Cite" Heading */
.item.citation .label {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #1e1b4b !important; /* Deep Navy */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 15px !important;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #ffd700; /* Gold underline from logo */
    padding-bottom: 5px;
    display: inline-block;
}

/* 3. The Citation Text Body */
.item.citation .value {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    padding: 10px 0;
    font-style: italic; /* Standard academic style for citations */
}

/* 4. Style the "More Citation Formats" Dropdown */
.item.citation .dropdown button, 
.item.citation select {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    color: #1e1b4b !important;
    padding: 8px 15px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: all 0.2s;
}

.item.citation .dropdown button:hover {
    background: #1e1b4b !important;
    color: #ffffff !important;
}

/* 5. Interactive Card Effect */
.item.citation:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(30, 27, 75, 0.08);
    border-color: #1e1b4b;
}

/* 6. Ensure researchers can copy the citation */
.item.citation {
    user-select: text !important;
    -webkit-user-select: text !important;
}
/* 1. Container for Published Date */
.item.published {
    margin: 20px 0;
    padding: 12px 18px;
    background: #f8fafc; /* Matches your Abstract/Bio background */
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #e2e8f0;
}

/* 2. Style the "Published" Label */
.item.published .label {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #1e1b4b !important; /* Deep Navy */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 10px !important;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
}

/* 3. Add a Calendar Icon before the label */
.item.published .label::before {
    content: "🗓️"; /* Calendar Emoji */
    margin-right: 8px;
    font-size: 16px;
}

/* 4. Style the Date Value */
.item.published .value {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #475569 !important; /* Professional Slate Gray */
    font-family: 'Segoe UI', Roboto, sans-serif;
}

/* 5. Subtle Hover Effect */
.item.published:hover {
    border-color: #1e1b4b;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(30, 27, 75, 0.05);
    transition: all 0.3s ease;
}
/* 1. Container alignment */
.item.galleys {
    margin: 25px 0;
    display: flex;
    justify-content: flex-start;
}

/* 2. Hide default list bullet points */
.value.galleys_links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. The Main PDF Button Styling */
.value.galleys_links li a {
    display: inline-flex !important;
    align-items: center;
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
    color: #ffffff !important;
    padding: 12px 25px;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 15px rgba(30, 27, 75, 0.2);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* 4. Add a PDF Icon before the text */
.value.galleys_links li a::before {
    content: "\f1c1"; /* FontAwesome PDF Icon code */
    font-family: "FontAwesome"; /* Ensure FontAwesome is loaded in your OJS */
    margin-right: 12px;
    font-size: 18px;
    color: #ffd700; /* Gold icon to match branding */
}

/* Fallback if FontAwesome isn't loaded (uses a standard Emoji/Symbol) */
.value.galleys_links li a::before {
    content: "📄"; 
    margin-right: 10px;
}

/* 5. Hover & Interactive State */
.value.galleys_links li a:hover {
    background: linear-gradient(135deg, #312e81 0%, #1e1b4b 100%);
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 25px rgba(30, 27, 75, 0.3);
    color: #ffd700 !important; /* Text turns gold on hover */
}

.value.galleys_links li a:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(30, 27, 75, 0.2);
}
/* ============================================================
   1. GLOBAL PAGE DEFAULTS & NAVIGATION
   ============================================================ */

/* Justify all scientific text for an academic look */
body, p, .pkp_structure_main p, .page_about, .page_editorial_team, .page_contact {
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* Hide breadcrumbs and specific static page titles to reduce clutter */
.cmp_breadcrumbs, 
.pkp_structure_breadcrumb,
.page_about .page_title, 
.page_editorial_team .page_title, 
.page_contact .page_title,
.homepage_about h2,
.current_issue {
    display: none !important;
}

/* ============================================================
   2. PREMIUM ARTICLE TITLE (Ultra-Premium Header)
   ============================================================ */

.page_page_article .page_title {
    display: block !important; 
    visibility: visible !important;
    position: relative;
    overflow: hidden;
    
    /* Colors & Background */
    background: linear-gradient(145deg, #1e1b4b 0%, #312e81 100%);
    color: #ffffff !important;
    
    /* Typography */
    font-size: 36px !important;
    font-weight: 900 !important;
    line-height: 1.25;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    
    /* Box Styling */
    padding: 50px 40px;
    margin: 20px 0 40px 0;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 15px 35px rgba(30, 27, 75, 0.3), 
                inset 0 0 15px rgba(255, 255, 255, 0.05);
}

/* Elegant Fading Gold Bar */
.page_page_article .page_title::after {
    content: "";
    display: block;
    width: 120px;
    height: 4px;
    background: linear-gradient(90deg, transparent, #ffd700, transparent);
    margin: 25px auto 0;
    border-radius: 2px;
}

/* Subtle Lighting Flare in the Header */
.page_page_article .page_title::before {
    content: "";
    position: absolute;
    top: -50%; left: -50%;
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);
    pointer-events: none;
}

/* ============================================================
   3. AUTHOR & METADATA STYLING
   ============================================================ */

/* Author Names */
.item.authors .authors {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #1e1b4b !important;
    margin-bottom: 10px;
}

/* DOI Badge */
.item.doi .value a {
    color: #c2410c !important;
    background: #fff7ed;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #fed7aa;
    text-decoration: none;
    font-family: 'Courier New', monospace;
    font-size: 16px !important;
    font-weight: bold;
}

/* ============================================================
   IRJSS Premium Keywords Styling (Tag/Pill Design)
   ============================================================ */

/* 1. Main Keywords Container */
.item.keywords {
    margin: 30px 0 !important;
    padding: 20px;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

/* 2. Keywords Heading (The "Keywords" Label) */
.item.keywords h2.label {
    font-family: 'Lora', serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #1e1b4b !important; /* Deep Navy */
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 15px !important;
    display: block !important;
}

/* 3. Styling the Keyword Values as Pills */
.item.keywords .value {
    display: flex;
    flex-wrap: wrap; /* Allows tags to wrap to the next line */
    gap: 10px; /* Space between tags */
    font-family: 'Lora', serif !important;
}

/* This targets the individual words if they are separated by commas or in spans */
.item.keywords .value {
    color: transparent; /* Hide the raw comma-separated text if necessary */
}

/* Assuming OJS renders keywords inside the .value span */
.item.keywords .value {
    font-size: 14px !important;
    line-height: 2 !important;
    color: #334155 !important;
}

/* 4. Creating the "Tag" Look */
/* If your OJS version wraps each keyword in a link or span, use this: */
.item.keywords .value a, 
.item.keywords .value span {
    background: #ffffff !important;
    color: #1e1b4b !important;
    padding: 6px 16px !important;
    border-radius: 50px !important; /* Circular pill shape */
    border: 1.5px solid #1e1b4b !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    display: inline-block;
    transition: all 0.3s ease;
    margin-bottom: 5px;
}

/* 5. Hover Effect for Keywords */
.item.keywords .value a:hover, 
.item.keywords .value span:hover {
    background: #1e1b4b !important; /* Navy background on hover */
    color: #ffd700 !important; /* Gold text on hover */
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(30, 27, 75, 0.15);
}
/* ============================================================
   IRJSS Premium Abstract Section Styling
   ============================================================ */

/* 1. Main Abstract Container */
.item.abstract {
    background: #ffffff;
    padding: 35px;
    border-radius: 15px;
    border: 1px solid #e2e8f0;
    margin-bottom: 40px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    position: relative;
    overflow: hidden;
}

/* 2. Abstract Heading (The "Abstract" Label) */
.item.abstract h2.label {
    font-family: 'Lora', serif !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #1e1b4b !important; /* Deep Navy */
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px !important;
    display: inline-block;
    position: relative;
}

/* Adding the Gold Accent Underline to the Heading */
.item.abstract h2.label::after {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    background: #ffd700; /* Gold Brand Color */
    margin-top: 8px;
    border-radius: 2px;
}

/* 3. The Abstract Text Body */
.item.abstract .value {
    font-family: 'Lora', serif !important;
    font-size: 16px !important;
    line-height: 1.8 !important; /* Increased line height for readability */
    color: #334155 !important; /* Soft Slate for eye comfort */
    text-align: justify;
    hyphens: auto;
}

/* 4. First Letter "Drop Cap" for a high-end journal look */
.item.abstract .value p:first-of-type::first-letter {
    font-size: 45px;
    font-weight: 800;
    color: #1e1b4b;
    float: left;
    line-height: 1;
    padding-right: 10px;
    padding-top: 4px;
    font-family: 'Lora', serif;
}

/* 5. Decorative Navy Border on the left */
.item.abstract {
    border-left: 6px solid #1e1b4b;
}

/* 6. Text Selection color */
.item.abstract .value::selection {
    background: #ffd700;
    color: #1e1b4b;
}
/* ============================================================
   IRJSS Premium References Styling
   ============================================================ */

/* 1. Main Container styling */
.item.references {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    margin-top: 40px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
}

/* 2. Heading with Brand Gold Accent */
.item.references h2.label {
    font-family: 'Lora', serif !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #1e1b4b !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 25px !important;
    border-left: 5px solid #ffd700; /* Gold Brand Accent */
    padding-left: 15px;
    display: block !important;
}

/* 3. Individual Reference Styling */
.item.references .value {
    font-family: 'Lora', serif !important;
    font-size: 14.5px !important;
    line-height: 1.8 !important;
    color: #334155 !important;
    text-align: left !important; /* Standard for citations */
}

/* 4. Hanging Indent (Standard Academic Look) */
/* This makes the first line flush left and indents following lines */
.item.references .value p, 
.item.references .value div {
    padding-left: 25px;
    text-indent: -25px;
    margin-bottom: 15px;
}

/* 5. Highlight Links (DOIs/URLs) */
.item.references .value a {
    color: #2563eb !important;
    text-decoration: none;
    font-weight: 600;
    word-wrap: break-word; /* Prevents long URLs from breaking layout */
}

.item.references .value a:hover {
    color: #1e1b4b !important;
    text-decoration: underline;
}
/* ============================================================
   5. SECURITY & ACCESS (Copy Control)
   ============================================================ */

/* Lock the general page */
body {
    user-select: none;
    -webkit-user-select: none;
}

/* Specifically allow selection and copying of the Article Title */
.obj_article_details h1.page_title {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}

/* Unlock scientific data for researcher convenience */
.page_page_article .page_title,
.item.abstract, 
.item.keywords, 
.item.how_to_cite, 
.item.authors,
.item.references {
    user-select: text !important;
    -webkit-user-select: text !important;
}

/* Custom Selection Color */
::selection {
    background: #ffd700;
    color: #1e1b4b;
}

/* ============================================================
   6. SIDEBAR BLOCKS & RESPONSIVITY
   ============================================================ */

/* Submission Block */
.pkp_block.block_make_submission {
    background: #f8f9fa;
    padding: 20px !important;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

/* Spacing for custom blocks */
div[class*="block_custom"] {
    margin-bottom: 10px !important;
}

/* Mobile Adjustments */
@media screen and (max-width: 768px) {
    .page_page_article .page_title {
        font-size: 26px !important;
        padding: 35px 20px;
    }
    body, p, .abstract {
        text-align: left !important;
    }

}
/* Reduce space above the Indexing sidebar block */
.pkp_block.block_custom_indexing {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Reduces the gap between all sidebar blocks if they are too far apart */
.pkp_structure_sidebar .pkp_block {
    margin-bottom: 10px !important;
}
/* Reduce space above the Indexing sidebar block */
.pkp_block.block_custom_indexing {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Reduces the gap between all sidebar blocks if they are too far apart */
.pkp_structure_sidebar .pkp_block {
    margin-bottom: 10px !important;
}