/* ==========================================================================
   0. OUTER FRAME ARCHITECTURE
   ========================================================================== */

html {
    background-color: #c4d0dc !important;
    min-height: 100% !important;
    padding: 24px 0 !important;
    box-sizing: border-box !important;
    overflow-y: scroll !important;
    scrollbar-color: #071f49 #c4d0dc;
    scrollbar-width: thin;
}

*, *:before, *:after {
    box-sizing: inherit;
}

html::-webkit-scrollbar {
    width: 10px;
}

html::-webkit-scrollbar-track {
    background: #c4d0dc;
}

html::-webkit-scrollbar-thumb {
    background-color: #071f49;
    border-radius: 6px;
    border: 2px solid #c4d0dc;
}

body {
    margin: 0 auto !important;
    max-width: 1320px !important;
    width: calc(100% - 48px) !important;
    min-height: calc(100vh - 48px) !important;
    background-color: var(--bg-light) !important;
    box-shadow:
        0 14px 40px rgba(7, 31, 73, 0.2),
        0 2px 8px rgba(7, 31, 73, 0.08) !important;
    border: 1px solid #b2c1d1 !important;
    border-radius: 12px !important;
    position: relative !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.pkp_structure_page {
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
}


/* ==========================================================================
   1. TYPOGRAPHY & COLOR VARIABLES
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Cairo:wght@400;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
    --primary-navy: #071f49;
    --navy-mid: #0b2b63;
    --primary-gold: #c99738;
    --gold-hover: #b3842c;
    --accent-blue: #0284c7;
    --accent-sky: #38bdf8;
    --bg-light: #f8fafc;
    --card-bg: #ffffff;
    --text-main: #0f172a;
    --text-muted: #475569;
    --border-color: #e2e8f0;
}


/* Arabic */
html[lang^="ar"] body,
html[lang^="ar"] .pkp_structure_page {
    font-family:
        'Cairo',
        'Amiri',
        -apple-system,
        BlinkMacSystemFont,
        sans-serif !important;

    font-size: 15px !important;
    line-height: 1.8 !important;
}


/* English / Other Languages */
html:not([lang^="ar"]) body,
html:not([lang^="ar"]) .pkp_structure_page {
    font-family:
        'Inter',
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        sans-serif !important;

    font-size: 14.5px !important;
    line-height: 1.65 !important;
}


/* ==========================================================================
   2. SITE HEADER & USER NAVIGATION
   ========================================================================== */

.pkp_structure_head {
    background-color: var(--primary-navy) !important;
    background-image: none !important;
    border-bottom: 3px solid var(--primary-gold) !important;
    box-shadow: 0 4px 18px rgba(7, 31, 73, 0.35) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1000 !important;
    padding: 0 !important;
}

.pkp_navigation_user_wrapper {
    background: rgba(0, 0, 0, 0.25) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 5px 20px !important;
    box-sizing: border-box !important;
}

.pkp_navigation_user {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 16px !important;
}

.pkp_navigation_user > li > a {
    color: #cbd5e1 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.pkp_navigation_user > li > a:hover {
    color: var(--primary-gold) !important;
}


/* ==========================================================================
   3. DESKTOP SCREENS
   ========================================================================== */

@media (min-width: 993px) {

    body {
        border-radius: 12px !important;
    }

    .pkp_structure_head {
        border-top-left-radius: 11px !important;
        border-top-right-radius: 11px !important;
    }


    /* Site Logo */
    .pkp_site_name_wrapper {
        text-align: center !important;
        padding: 14px 15px !important;
        width: 100% !important;
    }

    .pkp_site_name {
        display: inline-block !important;
        text-align: center !important;
        margin: 0 auto !important;
    }

    .pkp_site_name img,
    .pkp_site_name .is_img img {
        display: block !important;
        margin: 0 auto !important;
        max-height: 138px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        border: none !important;
    }


    /* Primary Navigation */
    .pkp_navigation_primary_row {
        background: rgba(2, 12, 30, 0.45) !important;
        border-top: 1px solid rgba(201, 151, 56, 0.3) !important;
        padding: 0 15px !important;
        text-align: center !important;
        position: relative !important;
    }

    .pkp_navigation_primary {
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

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

    .pkp_navigation_primary > li > a {
        color: #ffffff !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        padding: 12px 14px 14px 14px !important;
        display: block !important;
        text-decoration: none !important;
        transition: background-color 0.15s ease !important;
    }

    .pkp_navigation_primary > li:hover > a {
        background-color: rgba(255, 255, 255, 0.12) !important;
        color: #ffffff !important;
    }


    /* Desktop Dropdown */
    .pkp_navigation_primary ul,
    .pkp_navigation_primary li ul,
    .pkp_navigation_primary .dropdown-menu {
        display: block !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;

        position: absolute !important;
        top: 100% !important;

        margin-top: -2px !important;

        right: 0 !important;

        min-width: 215px !important;

        background: #ffffff !important;

        border-radius: 0 0 8px 8px !important;

        box-shadow:
            0 16px 36px rgba(0, 0, 0, 0.35) !important;

        border: 1px solid var(--border-color) !important;

        border-top: 3px solid var(--primary-gold) !important;

        padding: 6px 0 !important;

        z-index: 9999999 !important;

        text-align: right !important;

        transition:
            opacity 0.15s ease,
            visibility 0.15s ease !important;
    }


    /* LTR Dropdown */
    html:not([lang^="ar"]) .pkp_navigation_primary ul,
    html:not([lang^="ar"]) .pkp_navigation_primary li ul,
    html:not([lang^="ar"]) .pkp_navigation_primary .dropdown-menu {
        right: auto !important;
        left: 0 !important;
        text-align: left !important;
    }


    /* Show Dropdown */
    .pkp_navigation_primary > li:hover > ul,
    .pkp_navigation_primary > li:hover > .dropdown-menu,
    .pkp_navigation_primary > li:focus-within > ul,
    .pkp_navigation_primary > li:focus-within > .dropdown-menu,
    .pkp_navigation_primary li ul:hover {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }


    /* Dropdown Hover Bridge */
    .pkp_navigation_primary > li > ul::before,
    .pkp_navigation_primary > li > .dropdown-menu::before {
        content: "" !important;

        position: absolute !important;

        top: -15px !important;
        right: 0 !important;
        left: 0 !important;

        height: 15px !important;

        background: transparent !important;

        display: block !important;

        pointer-events: auto !important;
    }


    /* Dropdown Items */
    .pkp_navigation_primary li ul li {
        display: block !important;
    }

    .pkp_navigation_primary li ul li a,
    .pkp_navigation_primary .dropdown-menu li a {
        color: var(--primary-navy) !important;
        font-weight: 600 !important;
        font-size: 13px !important;

        padding: 10px 16px !important;

        display: block !important;

        text-decoration: none !important;
    }

    .pkp_navigation_primary li ul li a:hover,
    .pkp_navigation_primary .dropdown-menu li a:hover {
        background-color: #f1f5f9 !important;
        color: var(--accent-blue) !important;
    }
}


/* ==========================================================================
   4. MOBILE & TABLET
   ========================================================================== */

@media (max-width: 992px) {

    html {
        padding: 0 !important;
    }

    body {
        width: 100% !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        min-height: 100vh !important;
    }


    /* Header */
    .pkp_structure_head {
        position: relative !important;
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 0 0 10px 0 !important;
    }

    .pkp_head_wrapper {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;

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

        padding: 0 !important;
        width: 100% !important;

        box-sizing: border-box !important;
    }


    /* Mobile Menu Button */
    .pkp_site_nav_toggle,
    a.pkp_site_nav_toggle,
    button.pkp_site_nav_toggle {
        position: relative !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        float: none !important;

        margin: 10px auto !important;

        padding: 10px 20px !important;

        background: #0b2b63 !important;

        color: #ffffff !important;

        border: 2px solid var(--primary-gold) !important;

        border-radius: 8px !important;

        font-size: 15px !important;
        font-weight: 700 !important;

        cursor: pointer !important;

        z-index: 10000 !important;

        box-shadow:
            0 4px 12px rgba(0, 0, 0, 0.25) !important;
    }


    /* Mobile Logo Wrapper */
    .pkp_site_name_wrapper,
    html:not([lang^="ar"]) .pkp_site_name_wrapper,
    html[dir="ltr"] .pkp_site_name_wrapper {

        position: relative !important;

        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

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

        height: auto !important;

        padding: 8px 12px !important;

        margin: 0 auto !important;

        text-align: center !important;

        box-sizing: border-box !important;

        clear: both !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        float: none !important;
    }


    /* Mobile Logo */
    .pkp_site_name,
    html:not([lang^="ar"]) .pkp_site_name,
    html[dir="ltr"] .pkp_site_name {

        position: relative !important;

        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

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

        margin: 0 auto !important;

        padding: 0 !important;

        text-align: center !important;

        float: none !important;
    }


    .pkp_site_name a,
    html:not([lang^="ar"]) .pkp_site_name a,
    html[dir="ltr"] .pkp_site_name a {

        position: relative !important;

        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

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

        height: auto !important;

        margin: 0 auto !important;

        padding: 0 !important;

        float: none !important;
    }


    .pkp_site_name img,
    .pkp_site_name .is_img img,
    .pkp_head_wrapper img,
    html:not([lang^="ar"]) .pkp_site_name img,
    html[dir="ltr"] .pkp_site_name img {

        position: relative !important;

        display: block !important;

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

        height: auto !important;

        max-height: none !important;
        min-height: 0 !important;

        object-fit: contain !important;

        margin: 0 auto !important;

        padding: 0 !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        float: none !important;

        transform: none !important;
    }


    /* Mobile Navigation */
    .pkp_navigation_primary_row {

        position: relative !important;

        display: block !important;

        width: 100% !important;

        padding: 0 15px !important;

        background: transparent !important;

        border: none !important;
    }


    /* Open Mobile Menu */
    .pkp_navigation_primary.pkp_nav_list--is-visible,
    .pkp_navigation_primary.is_open,
    .pkp_navigation_primary_row.is_open .pkp_navigation_primary,
    .pkp_navigation_primary_row.pkp_nav_list--is-visible .pkp_navigation_primary {

        display: block !important;

        visibility: visible !important;

        opacity: 1 !important;

        pointer-events: auto !important;

        background: #071f49 !important;

        border: 1px solid rgba(201, 151, 56, 0.4) !important;

        border-radius: 8px !important;

        margin: 10px 0 !important;

        padding: 8px 0 !important;
    }


    /* Mobile Main Menu */
    .pkp_navigation_primary > li {

        display: block !important;

        border-bottom:
            1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .pkp_navigation_primary > li > a {

        display: block !important;

        color: #ffffff !important;

        padding: 12px 18px !important;

        font-weight: 700 !important;

        font-size: 14px !important;

        text-decoration: none !important;
    }


    /* Mobile Submenu */
    .pkp_navigation_primary ul,
    .pkp_navigation_primary li ul,
    .pkp_navigation_primary .dropdown-menu {

        position: static !important;

        display: block !important;

        visibility: visible !important;

        opacity: 1 !important;

        pointer-events: auto !important;

        background: rgba(0, 0, 0, 0.3) !important;

        box-shadow: none !important;

        border: none !important;

        border-right:
            3px solid var(--primary-gold) !important;

        padding: 4px 10px !important;

        min-width: 100% !important;
    }


    /* LTR Submenu */
    html:not([lang^="ar"]) .pkp_navigation_primary ul,
    html:not([lang^="ar"]) .pkp_navigation_primary li ul,
    html:not([lang^="ar"]) .pkp_navigation_primary .dropdown-menu {

        border-right: none !important;

        border-left:
            3px solid var(--primary-gold) !important;
    }


    .pkp_navigation_primary li ul li a,
    .pkp_navigation_primary .dropdown-menu li a {

        color: #e2e8f0 !important;

        padding: 10px 14px !important;

        display: block !important;
    }


    /* Push Content Down */
    .pkp_structure_content {

        position: relative !important;

        clear: both !important;

        display: block !important;

        margin-top: 25px !important;

        padding-top: 10px !important;

        z-index: 1 !important;
    }
}


/* ==========================================================================
   5. ARTICLE CARDS & ARTICLE CONTENT
   ========================================================================== */

/* Issue Cover */
.current_issue .cover img,
.issue_toc .cover img {

    border-radius: 8px !important;

    box-shadow:
        0 6px 16px rgba(7, 31, 73, 0.12) !important;

    border:
        1px solid var(--border-color) !important;

    max-width: 100% !important;

    height: auto !important;
}


/* Article Summary Card */
.obj_article_summary {

    background: var(--card-bg) !important;

    border:
        1px solid var(--border-color) !important;

    border-radius: 10px !important;

    padding: 22px !important;

    margin-bottom: 22px !important;

    box-shadow:
        0 2px 8px rgba(15, 23, 42, 0.03) !important;

    border-right:
        4px solid var(--primary-gold) !important;
}


/* LTR Article Card */
html:not([lang^="ar"]) .obj_article_summary {

    border-right:
        1px solid var(--border-color) !important;

    border-left:
        4px solid var(--primary-gold) !important;
}


/* Article Title */
.obj_article_summary .title,
.obj_article_summary .title a {

    font-size: 17px !important;

    font-weight: 700 !important;

    color: var(--primary-navy) !important;

    line-height: 1.55 !important;

    text-decoration: none !important;
}


/* Article Authors */
.obj_article_summary .authors {

    font-size: 13.5px !important;

    color: var(--text-muted) !important;

    margin: 8px 0 14px 0 !important;

    display: block !important;
}


/* PDF Button */
.obj_galley_link.pdf {

    background:
        linear-gradient(
            135deg,
            var(--primary-navy) 0%,
            var(--navy-mid) 100%
        ) !important;

    color: #ffffff !important;

    padding: 7px 18px !important;

    border-radius: 6px !important;

    font-weight: 700 !important;

    font-size: 12px !important;

    text-decoration: none !important;

    display: inline-flex !important;

    align-items: center !important;

    gap: 7px !important;
}


/* Article Page */
.page_article .article_main {

    background-color: #ffffff;

    border-radius: 12px;

    padding: 35px !important;

    border:
        1px solid var(--border-color);
}


/* Article Mobile */
@media (max-width: 768px) {

    .page_article .article_main {

        padding: 16px !important;
    }

    .obj_article_summary {

        padding: 16px !important;

        margin-bottom: 16px !important;
    }
}


/* ==========================================================================
   6. OJS BLOCKS / SIDEBAR
   ========================================================================== */

.pkp_block {

    background: #ffffff !important;

    border:
        1px solid var(--border-color) !important;

    border-radius: 10px !important;

    padding: 15px !important;

    margin-bottom: 22px !important;
    margin: 20px;
}



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

.pkp_block.block_information .title {
    display: block !important;

    width: calc(100% + 30px) !important;

    margin: -15px -15px 14px -15px !important;

    padding: 10px 15px !important;

    box-sizing: border-box !important;

    background: #0a2540 !important;

    color: #ffffff !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;

    text-align: center !important;


    border-radius: 9px 9px 0 0 !important;
}


/* =====================================================
   INNER BOX
===================================================== */

.pkp_block.block_information .content {
    width: 92% !important;

    margin: 0 auto !important;

    padding: 7px 10px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #cfd9e2 !important;

    border-radius: 6px !important;

    box-shadow: 0 2px 5px rgba(10, 37, 64, 0.04) !important;
}


/* =====================================================
   REMOVE DEFAULT UL STYLE
===================================================== */

.pkp_block.block_information .content ul {
    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


/* =====================================================
   LIST ITEMS
===================================================== */

.pkp_block.block_information .content li {
    margin: 0 !important;

    padding: 0 !important;
}


/* =====================================================
   LINKS
===================================================== */

.pkp_block.block_information .content li a {
    display: block !important;

    padding: 7px 4px !important;

    margin: 0 !important;

    color: #057dcd !important;

    font-size: 13px !important;

    line-height: 1.4 !important;

    text-decoration: none !important;

    border-bottom: 1px solid #edf1f5 !important;

    transition: all 0.25s ease !important;
}


/* Last link - no border */

.pkp_block.block_information .content li:last-child a {
    border-bottom: none !important;
}


/* =====================================================
   HOVER
===================================================== */

.pkp_block.block_information .content li a:hover {
    color: #f7941d !important;

    background: #f8fafc !important;

    padding-left: 8px !important;
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 480px) {

    .pkp_block.block_information {
        padding: 13px !important;
    }

    .pkp_block.block_information .title {
        width: calc(100% + 26px) !important;

        margin: -13px -13px 13px -13px !important;
    }

    .pkp_block.block_information .content {
        width: 94% !important;

        padding: 6px 9px !important;
    }

    .pkp_block.block_information .content li a {
        font-size: 12px !important;
    }
} */



/* ==========================================================================
   7. CURRENT ISSUE
   ========================================================================== */

.pkp_page_index .current_issue {
    display: none !important;
}
/* =========================================
   PROFESSIONAL JOURNAL FOOTER
   ========================================= */

.journal-footer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 112px 20px 88px !important;

    box-sizing: border-box;

    background: #071d42 !important;
    color: #ffffff;

    text-align: center;

    font-family: Arial, Helvetica, sans-serif;

    position: relative;


    overflow: hidden;
}


/* =========================================
   JOURNAL TITLE
   ========================================= */

.journal-title {
    margin: 0 0 12px;

    color: #ffd900;

    font-size: 21px;
    font-weight: 700;

    line-height: 1.4;

    text-align: center;
}


/* =========================================
   PUBLISHER + ISSN
   ========================================= */

.journal-publisher {
    margin: 0 0 27px;

    color: #8fa9d0;

    font-size: 13px;
    line-height: 1.6;

    text-align: center;
}

.journal-publisher strong {
    color: #ffffff;
    font-weight: 700;
}

.footer-separator {
    color: #6c82a5;
    padding: 0 7px;
}


/* =========================================
   INDEXING TITLE
   ========================================= */

.journal-index-title {
    margin: 0 0 13px;

    color: #b8c8df;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 13px;
    font-weight: 400;

    letter-spacing: 0.4px;

    line-height: 1.5;

    text-align: center;
}


/* =========================================
   INDEXING BOX
   ========================================= */

.journal-indexing {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 13px;

    margin: 0 auto 20px;

    padding: 11px 20px;

    background: #071d42 !important;

    border: 1px solid #18385f;

    border-radius: 8px;

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    line-height: 1.4;

    box-sizing: border-box;
}

.journal-indexing strong {
    color: #ffd900;
    font-weight: 700;
}


/* =========================================
   LICENSE CONTAINER
   ========================================= */

.journal-license {
    width: 680px;
    max-width: 100%;

    min-height: 58px;

    margin: 0 auto 25px;

    display: flex;
    align-items: center;

    box-sizing: border-box;

    background: #071d42 !important;

    border: 1px solid #29466e;

    border-radius: 32px;

    overflow: hidden;
}


/* =========================================
   CREATIVE COMMONS AREA
   ========================================= */

.cc-box {
    width: 137px;
    min-width: 137px;

    height: 42px;

    margin-left: 16px;

    background: #aeb5b5;

    color: #000000;

    position: relative;

    display: flex;

    align-items: center;

    box-sizing: border-box;

    border: 2px solid #111111;
}


/* CC CIRCLE */

.cc-symbol {
    width: 31px;
    height: 31px;

    margin-left: 5px;

    border: 3px solid #111111;

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #eeeeee;

    font-size: 11px;
    font-weight: 700;

    box-sizing: border-box;
}


/* INFORMATION ICON */

.cc-info {
    width: 22px;
    height: 22px;

    margin-left: 26px;

    border: 2px solid #111111;

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #eeeeee;

    font-size: 15px;
    font-weight: 700;

    line-height: 1;
}


/* BY */

.cc-by {
    position: absolute;

    bottom: 1px;
    left: 68px;

    color: #000000;

    font-size: 8px;
    font-weight: 700;

    line-height: 1;
}


/* =========================================
   LICENSE TEXT
   ========================================= */

.license-text {
    flex: 1;

    padding: 0 18px;

    color: #dce6f5;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.5;

    text-align: center;
}

.license-text a {
    color: #ffe000 !important;

    font-weight: 700;

    text-decoration: underline;
}

.license-text a:hover {
    color: #ffffff !important;
}


/* =========================================
   DIVIDER
   ========================================= */

.footer-line {
    width: calc(100% - 100px);

    max-width: 1000px;

    height: 1px;

    margin: 0 auto 21px;

    padding: 0;

    background: rgba(255, 255, 255, 0.10);

    font-size: 0;

    line-height: 0;
}


/* =========================================
   COPYRIGHT
   ========================================= */

.journal-copyright {
    margin: 0;

    color: #6684ae;

    font-size: 12px;

    line-height: 1.6;

    text-align: center;
}


/* =========================================
   REMOVE THEME FOOTER SPACING
   ========================================= */

.journal-footer,
.journal-footer * {
    box-sizing: border-box;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 600px) {

    .journal-footer {
        padding: 60px 15px 45px !important;

        border-top-width: 2px;
    }

    .journal-title {
        font-size: 18px;
    }

    .journal-publisher {
        font-size: 11px;
        margin-bottom: 22px;
    }

    .journal-index-title {
        font-size: 10px;
    }

    .journal-indexing {
        max-width: 100%;

        gap: 7px;

        padding: 9px 12px;

        font-size: 10px;

        border-radius: 7px;
    }

    .journal-license {
        width: 100%;

        min-height: 65px;

        border-radius: 15px;
    }

    .cc-box {
        width: 95px;
        min-width: 95px;

        height: 40px;

        margin-left: 8px;
    }

    .cc-symbol {
        width: 27px;
        height: 27px;

        margin-left: 3px;

        font-size: 10px;
    }

    .cc-info {
        width: 19px;
        height: 19px;

        margin-left: 17px;

        font-size: 12px;
    }

    .cc-by {
        left: 47px;
        bottom: 1px;

        font-size: 7px;
    }

    .license-text {
        padding: 0 8px;

        font-size: 9px;
        line-height: 1.4;
    }

    .footer-line {
        width: 100%;
        margin-bottom: 17px;
    }

    .journal-copyright {
        font-size: 9px;
    }
    
}
.pkp_structure_footer_wrapper {
    background: #071d42 !important;
    border-top: 3px solid var(--primary-gold) !important;
}



/* =========================================
   PREMIUM PUBLISHER CARD
========================================= */

.sb-profile-card {
    width: 100%;
    max-width: 380px;
    box-sizing: border-box;
    overflow: hidden;

    background: #ffffff;
    border: 1px solid #e1e7ed;
    border-radius: 16px;

    box-shadow: 0 8px 28px rgba(10, 37, 64, 0.10);

    font-family: Arial, Helvetica, sans-serif;

    transition: all 0.3s ease;
}

.sb-profile-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 35px rgba(10, 37, 64, 0.14);
}


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

.sb-profile-top {
    position: relative;
    overflow: hidden;

    padding: 21px 20px 22px;

    background: linear-gradient(
        135deg,
        #0a2540 0%,
        #0b4265 60%,
        #07537b 100%
    );
}


/* Decorative circles */

.sb-profile-top::before {
    content: "";
    position: absolute;

    width: 150px;
    height: 150px;

    right: -75px;
    top: -85px;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,0.10);
    box-shadow:
        0 0 0 20px rgba(255,255,255,0.025),
        0 0 0 40px rgba(255,255,255,0.02);
}

.sb-profile-top::after {
    content: "";

    position: absolute;

    width: 75px;
    height: 75px;

    right: 35px;
    bottom: -48px;

    border-radius: 50%;

    background: rgba(247,148,29,0.14);
}


/* Header content */

.sb-profile-heading {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;

    gap: 13px;
}


/* =========================================
   CSS BUILDING ICON
========================================= */

.sb-profile-logo {
    width: 46px;
    height: 46px;

    flex: 0 0 46px;

    position: relative;

    border-radius: 12px;

    background: rgba(255,255,255,0.11);

    border: 1px solid rgba(255,255,255,0.18);
}


/* Building roof */

.sb-profile-logo::before {
    content: "";

    position: absolute;

    left: 9px;
    top: 10px;

    width: 28px;
    height: 7px;

    background: #ffffff;

    clip-path: polygon(
        0 100%,
        50% 0,
        100% 100%
    );
}


/* Building columns */

.sb-profile-logo::after {
    content: "";

    position: absolute;

    left: 12px;
    top: 20px;

    width: 22px;
    height: 15px;

    background:
        linear-gradient(
            90deg,
            #ffffff 0 4px,
            transparent 4px 9px,
            #ffffff 9px 13px,
            transparent 13px 18px,
            #ffffff 18px 22px
        );

    border-bottom: 3px solid #f7941d;
}


/* =========================================
   TITLE
========================================= */

.sb-profile-title {
    color: #ffffff;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.25;
}

.sb-profile-subtitle {
    margin-top: 5px;

    color: rgba(255,255,255,0.68);

    font-size: 9px;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* Orange line */

.sb-profile-accent {
    position: absolute;

    z-index: 3;

    left: 20px;
    bottom: 0;

    width: 55px;
    height: 4px;
    border-radius: 5px 5px 0 0;
}


/* =========================================
   CONTENT
========================================= */

.sb-profile-content {
    padding: 7px 13px 10px;
}


/* =========================================
   ROW
========================================= */

.sb-profile-row {
    display: flex;

    gap: 12px;

    padding: 14px 7px;

    border-bottom: 1px solid #edf1f4;

    transition: all 0.25s ease;
}

.sb-profile-row:last-child {
    border-bottom: none;
}

.sb-profile-row:hover {
    background: #f8fafc;

    border-radius: 9px;

    padding-left: 11px;
}


/* =========================================
   CSS ICON BOX
========================================= */

.sb-profile-row-icon {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    position: relative;

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

    border-radius: 9px;

    background: #f0f7fb;

    color: #057dcd;

    transition: all 0.25s ease;
}

.sb-profile-row:hover .sb-profile-row-icon {
    background: #0a2540;
}


/* =========================================
   PERSON ICON
========================================= */

.sb-icon-person::before {
    content: "";

    position: absolute;

    width: 8px;
    height: 8px;

    top: 7px;

    border: 2px solid #057dcd;

    border-radius: 50%;
}

.sb-icon-person::after {
    content: "";

    position: absolute;

    width: 17px;
    height: 8px;

    bottom: 6px;

    border: 2px solid #057dcd;

    border-radius: 10px 10px 5px 5px;
}


/* =========================================
   LOCATION ICON
========================================= */

.sb-icon-location::before {
    content: "";

    position: absolute;

    width: 14px;
    height: 14px;

    top: 7px;

    border: 2px solid #057dcd;

    border-radius: 50% 50% 50% 0;

    transform: rotate(-45deg);
}

.sb-icon-location::after {
    content: "";

    position: absolute;

    width: 4px;
    height: 4px;

    top: 12px;

    border: 1.5px solid #057dcd;

    border-radius: 50%;
}


/* =========================================
   EDITOR ICON
========================================= */

.sb-icon-editor::before {
    content: "";

    position: absolute;

    width: 17px;
    height: 17px;

    border: 2px solid #057dcd;

    border-radius: 50%;
}

.sb-icon-editor::after {
    content: "✦";

    position: absolute;

    color: #057dcd;

    font-size: 12px;

    line-height: 1;
}


/* =========================================
   EMAIL ICON
========================================= */

.sb-icon-email::before {
    content: "";

    position: absolute;

    width: 18px;
    height: 13px;

    border: 2px solid #057dcd;

    border-radius: 4px;
}

.sb-icon-email::after {
    content: "";

    position: absolute;

    width: 9px;
    height: 9px;

    top: 7px;

    border-left: 2px solid #057dcd;
    border-bottom: 2px solid #057dcd;

    transform: rotate(-45deg);
}


/* =========================================
   TEXT
========================================= */

.sb-profile-row-content {
    flex: 1;
    min-width: 0;
}

.sb-profile-label {
    display: block;

    margin-bottom: 4px;

    color: #8793a0;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;
}

.sb-profile-value {
    display: block;

    color: #263746;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.55;

    overflow-wrap: anywhere;
}


/* =========================================
   EMAIL
========================================= */

.sb-profile-email {
    display: inline-block;

    padding: 5px 9px;

    background: #eef8fd;

    border-radius: 6px;

    color: #057dcd !important;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none !important;

    transition: all 0.25s ease;
}

.sb-profile-email:hover {
    background: #057dcd;

    color: #ffffff !important;
}


/* =========================================
   BOTTOM
========================================= */

.sb-profile-bottom {
    height: 4px;

    background: linear-gradient(
        90deg,
        #0a2540 0%,
        #057dcd 55%,
        #f7941d 100%
    );
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 480px) {

    .sb-profile-card {
        max-width: 100%;
    }

    .sb-profile-title {
        font-size: 17px;
    }

    .sb-profile-row {
        padding: 12px 6px;
    }

    .sb-profile-value {
        font-size: 12px;
    }
}







.crsd-issn-header {
    width: 100% !important;
    max-width: 380px !important;
    height: 82px !important;

    position: relative !important;
    display: block !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 14px !important;

    background: linear-gradient(
        135deg,
        #0a2540 0%,
        #07537b 100%
    ) !important;

    border: none !important;

    box-shadow: 0 6px 18px rgba(10, 37, 64, 0.12) !important;
}


/* Main row */

.crsd-issn-row {
    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: flex !important;

    align-items: center !important;

    padding: 0 18px !important;

    box-sizing: border-box !important;

    gap: 12px !important;

    z-index: 5 !important;
}


/* Document icon */

.crsd-issn-document {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;

    height: 43px !important;
    min-height: 43px !important;
    max-height: 43px !important;

    flex: 0 0 40px !important;

    position: relative !important;

    box-sizing: border-box !important;

    border: 2px solid #ffffff !important;

    border-radius: 5px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Fold */

.crsd-issn-document::before {
    content: "" !important;

    position: absolute !important;

    top: -2px !important;
    right: -2px !important;

    width: 11px !important;
    height: 11px !important;

    background: #0a2540 !important;

    border-left: 2px solid #ffffff !important;
    border-bottom: 2px solid #ffffff !important;
}


/* ISSN text */

.crsd-issn-document::after {
    content: "ISSN" !important;

    position: absolute !important;

    left: 0 !important;
    top: 17px !important;

    width: 100% !important;

    text-align: center !important;

    color: #ffffff !important;

    font-size: 6px !important;

    font-weight: 700 !important;

    line-height: 1 !important;
}


/* Text */

.crsd-issn-info {
    flex: 1 1 auto !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


.crsd-issn-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 16px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    white-space: nowrap !important;
}


/* Orange line */

.crsd-issn-line {
    position: absolute !important;

    left: 18px !important;
    bottom: 11px !important;

    width: 43px !important;
    height: 3px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f7941d !important;

    border-radius: 10px !important;

    z-index: 10 !important;
}
.crsd-issn-header {
    cursor: pointer !important;

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

.crsd-issn-header:hover {
    transform: translateY(-4px) !important;

    box-shadow:
        0 14px 32px rgba(10, 37, 64, 0.22) !important;
}

.crsd-issn-header:hover::before {
    transform: scale(1.12) !important;

    transition: transform 0.5s ease !important;
}

.crsd-issn-header:hover .crsd-issn-document {
    transform: translateY(-2px) !important;

    border-color: #f7941d !important;

    transition: all 0.3s ease !important;
}

.crsd-issn-header:hover .crsd-issn-line {
    width: 58px !important;

    background: #ffad32 !important;

    transition: all 0.3s ease !important;
}
.crsd-issn-line {
    display: none !important;
}





/* =====================================================
   CRSD INDEXING CARD
===================================================== */

.crsd-index-card {
    width: 100% !important;
    max-width: 380px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 12px 12px !important;

    background: #ffffff !important;

    border: 1px solid #dce4eb !important;
    border-radius: 12px !important;

    box-shadow: 0 5px 18px rgba(10,37,64,0.08) !important;

    font-family: Arial, Helvetica, sans-serif !important;
}


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

.crsd-index-header {
    width: calc(100% + 24px) !important;
    height: 112px !important;

    margin-left: -12px !important;

    position: relative !important;
    overflow: hidden !important;

    box-sizing: border-box !important;

    padding: 20px !important;

    background: linear-gradient(
        135deg,
        #0a2540 0%,
        #07537b 100%
    ) !important;

    border-radius: 12px 12px 0 0 !important;
}


/* Decorative circle */

.crsd-index-header::before {
    content: "" !important;

    position: absolute !important;

    width: 150px !important;
    height: 150px !important;

    right: -70px !important;
    top: -95px !important;

    border-radius: 50% !important;

    border: 1px solid rgba(255,255,255,0.10) !important;

    box-shadow:
        0 0 0 18px rgba(255,255,255,0.025),
        0 0 0 36px rgba(255,255,255,0.018) !important;
}


/* Bottom decorative circle */

.crsd-index-header::after {
    content: "" !important;

    position: absolute !important;

    width: 75px !important;
    height: 75px !important;

    right: 35px !important;
    bottom: -48px !important;

    border-radius: 50% !important;

    background: rgba(247,148,29,0.13) !important;
}


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

.crsd-index-head-row {
    position: relative !important;

    z-index: 5 !important;

    display: flex !important;

    align-items: center !important;

    gap: 13px !important;

    height: 100% !important;
}


/* =====================================================
   INDEXING ICON
===================================================== */

.crsd-index-icon {
    width: 46px !important;
    height: 46px !important;

    min-width: 46px !important;

    position: relative !important;

    box-sizing: border-box !important;

    border-radius: 11px !important;

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

    border: 1px solid rgba(255,255,255,0.20) !important;
}


/* Database / indexing icon */

.crsd-index-icon::before {
    content: "" !important;

    position: absolute !important;

    width: 25px !important;
    height: 9px !important;

    left: 10px !important;
    top: 10px !important;

    border: 2px solid #ffffff !important;

    border-radius: 50% !important;

    box-sizing: border-box !important;
}


/* Database body */

.crsd-index-icon::after {
    content: "" !important;

    position: absolute !important;

    width: 25px !important;
    height: 22px !important;

    left: 10px !important;
    top: 14px !important;

    border-left: 2px solid #ffffff !important;
    border-right: 2px solid #ffffff !important;
    border-bottom: 2px solid #ffffff !important;

    border-radius: 0 0 50% 50% !important;

    box-sizing: border-box !important;
}


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

.crsd-index-head-text {
    min-width: 0 !important;
}

.crsd-index-title {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 17px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;
}

.crsd-index-subtitle {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255,255,255,0.70) !important;

    font-size: 9px !important;

    line-height: 1.5 !important;

    letter-spacing: 0.8px !important;

    text-transform: uppercase !important;
}


/* Orange line */

.crsd-index-line {
    position: absolute !important;

    left: 20px !important;
    bottom: 14px !important;

    width: 48px !important;
    height: 3px !important;
    border-radius: 10px !important;

    z-index: 6 !important;
}


/* =====================================================
   VIEW ALL
===================================================== */

.crsd-index-view {
    display: block !important;

    padding: 11px 0 9px !important;

    margin: 0 !important;

    border-bottom: 1px solid #dce4eb !important;

    text-align: center !important;
}

.crsd-index-view a {
    color: #0a2540 !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    text-decoration: underline !important;

    transition: color 0.25s ease !important;
}

.crsd-index-view a:hover {
    color: #f7941d !important;
}


/* =====================================================
   INDEXING LIST
===================================================== */

.crsd-index-list {
    display: flex !important;

    flex-direction: column !important;

    gap: 7px !important;

    margin: 10px 0 0 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* =====================================================
   INDEXING ITEM
===================================================== */

.crsd-index-item {
    width: 100% !important;

    min-height: 52px !important;

    box-sizing: border-box !important;

    display: flex !important;

    align-items: center !important;

    position: relative !important;

    padding: 6px 8px 6px 8px !important;

    background: #ffffff !important;

    border: 1px solid #dce5ed !important;

    border-left: 4px solid #0a2540 !important;

    border-radius: 8px !important;

    text-decoration: none !important;

    box-shadow: 0 2px 5px rgba(10,37,64,0.04) !important;

    transition: all 0.25s ease !important;
}


/* Hover */

.crsd-index-item:hover {
    transform: translateX(3px) !important;

    border-left-color: #f7941d !important;

    background: #fbfdff !important;

    box-shadow: 0 5px 12px rgba(10,37,64,0.10) !important;
}


/* =====================================================
   LOGO BOX
===================================================== */

.crsd-index-logo {
    width: 40px !important;
    height: 38px !important;

    min-width: 40px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin-right: 9px !important;

    overflow: hidden !important;

    background: #f7f9fb !important;

    border-radius: 6px !important;

    box-sizing: border-box !important;
}


/* Actual logo */

.crsd-index-logo img {
    width: 32px !important;
    height: 32px !important;

    max-width: 32px !important;
    max-height: 32px !important;

    object-fit: contain !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* Fallback text */

.crsd-index-fallback {
    display: none;

    color: #057dcd;

    font-size: 9px;

    font-weight: 700;

    text-align: center;
}


/* =====================================================
   TEXT
===================================================== */

.crsd-index-text {
    flex: 1 !important;

    min-width: 0 !important;

    text-align: left !important;
}

.crsd-index-name {
    display: block !important;

    margin: 0 0 2px 0 !important;
    padding: 0 !important;

    color: #0a2540 !important;

    font-size: 11.5px !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;
}

.crsd-index-desc {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #657487 !important;

    font-size: 8.5px !important;

    line-height: 1.3 !important;
}


/* =====================================================
   ARROW
===================================================== */

.crsd-index-arrow {
    width: 22px !important;
    height: 22px !important;

    min-width: 22px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin-left: 4px !important;

    color: #b5c1cc !important;

    font-size: 15px !important;

    transition: all 0.25s ease !important;
}

.crsd-index-item:hover .crsd-index-arrow {
    color: #f7941d !important;

    transform: translateX(3px) !important;
}


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

.crsd-index-footer {
    margin-top: 10px !important;

    padding-top: 8px !important;

    border-top: 1px solid #e5eaee !important;

    text-align: center !important;

    color: #8b97a3 !important;

    font-size: 8px !important;
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 480px) {

    .crsd-index-card {
        max-width: 100% !important;
    }

    .crsd-index-header {
        height: 108px !important;
    }

    .crsd-index-title {
        font-size: 16px !important;
    }

    .crsd-index-item {
        min-height: 51px !important;
    }

    .crsd-index-logo {
        width: 38px !important;
        min-width: 38px !important;
        height: 36px !important;
    }

    .crsd-index-logo img {
        width: 30px !important;
        height: 30px !important;
    }
}




/* WhatsApp Card */
.crsd-whatsapp-card {
    width: 100%;
    max-width: 380px;
    box-sizing: border-box;

    background: #ffffff;

    border: 1px solid #dfe6ec;
    border-radius: 12px;

    padding: 0 14px 16px;

    overflow: hidden;

    box-shadow: 0 5px 18px rgba(10, 37, 64, 0.07);

    font-family: Arial, Helvetica, sans-serif;
}


/* WhatsApp Heading */
.crsd-whatsapp-title {
    width: calc(100% + 28px);

    margin-left: -14px;
    margin-bottom: 12px;

    padding: 11px 14px;

    box-sizing: border-box;

    background: #0a2540;

    color: #ffffff;

    text-align: center;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.3;

}


/* WhatsApp Image */
.crsd-whatsapp-link {
    display: block;

    width: 100%;

    text-align: center;

    margin: 0;
    padding: 0;
}

.crsd-whatsapp-image {
    display: block;

    width: 200px !important;

    height: auto !important;

    max-width: 100% !important;

    margin: 0 auto !important;

    padding: 0 !important;

    border: 0 !important;
}





/* =========================================
   VISITOR COUNTER CARD
========================================= */

.crsd-visitor-card {
    width: 100%;
    max-width: 380px;
    box-sizing: border-box;

    background: #ffffff;

    border: 1px solid #dfe6ec;
    border-radius: 12px;

    padding: 0 14px 16px;

    overflow: hidden;

    box-shadow: 0 5px 18px rgba(10, 37, 64, 0.07);

    font-family: Arial, Helvetica, sans-serif;

    transition: all 0.3s ease;
}


/* Hover */

.crsd-visitor-card:hover {
    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(10, 37, 64, 0.12);
}


/* =========================================
   TITLE
========================================= */

.crsd-visitor-title {
    width: calc(100% + 28px);

    margin-left: -14px;
    margin-bottom: 14px;

    padding: 11px 14px;

    box-sizing: border-box;

    background: #0a2540;

    color: #ffffff;

    text-align: center;

    font-size: 15px;

    font-weight: 700;

    line-height: 1.3;

}


/* =========================================
   FLAG COUNTER
========================================= */

.crsd-visitor-content {
    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    margin: 0;
    padding: 0;
}


/* Flag Counter image */

.crsd-visitor-content img {
    display: block;

    width: auto !important;

    max-width: 100% !important;

    height: auto !important;

    margin: 0 auto !important;

    padding: 0 !important;

    border: 0 !important;
}


/* =========================================
   HOVER IMAGE
========================================= */

.crsd-visitor-content a {
    display: inline-block;

    line-height: 0;

    transition: transform 0.3s ease;
}

.crsd-visitor-content a:hover {
    transform: scale(1.02);
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 480px) {

    .crsd-visitor-card {
        padding: 0 12px 14px;
    }

    .crsd-visitor-title {
        width: calc(100% + 24px);

        margin-left: -12px;

        font-size: 14px;
    }
}




/* ==========================================
   EDITORIAL BOARD - INDIVIDUAL PROFESSOR CARDS
   Only Editorial Board page
========================================== */

body.pkp_page_editorial_board .eb-member-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 25px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    padding: 22px 24px !important;
    margin: 0 0 22px 0 !important;

    background: #ffffff !important;

    border: 1px solid #d1dce8 !important;
    border-top: 4px solid #d71920 !important;
    border-radius: 12px !important;

    box-shadow: 0 4px 14px rgba(10, 37, 64, 0.06) !important;

    transition: border-color 0.25s ease,
                box-shadow 0.25s ease,
                transform 0.25s ease !important;
}

/* Hover: top border blue */
body.pkp_page_editorial_board .eb-member-card:hover {
    border-top-color: #057dcd !important;
    box-shadow: 0 8px 22px rgba(10, 37, 64, 0.12) !important;
    transform: translateY(-3px) !important;
}

/* Professor photo */
body.pkp_page_editorial_board .eb-avatar-frame {
    flex: 0 0 96px !important;
    width: 96px !important;
    height: 96px !important;
}

body.pkp_page_editorial_board .eb-avatar-frame img {
    width: 96px !important;
    height: 96px !important;
    max-width: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 50% !important;
    border: 4px solid #e5edf5 !important;
    box-sizing: border-box !important;
}

/* Professor name */
body.pkp_page_editorial_board .eb-member-card h3,
body.pkp_page_editorial_board .eb-member-card h4 {
    color: #0a2540 !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
}

/* Affiliation, mobile, email */
body.pkp_page_editorial_board .eb-member-card p {
    color: #243b53 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    margin: 0 0 12px 0 !important;
    overflow-wrap: anywhere !important;
}

/* Labels */
body.pkp_page_editorial_board .eb-member-card strong,
body.pkp_page_editorial_board .eb-member-card b {
    color: #183653 !important;
    font-weight: 700 !important;
}

/* Google Scholar and Download CV buttons only */
body.pkp_page_editorial_board .eb-member-card a:not([href^="mailto:"]) {
    display: inline-block !important;
    padding: 7px 15px !important;
    margin: 5px 7px 3px 0 !important;

    background: #d71920 !important;
    color: #ffffff !important;

    border: 1px solid #d71920 !important;
    border-radius: 22px !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

/* Button hover */
body.pkp_page_editorial_board .eb-member-card a:not([href^="mailto:"]):hover {
    background: #0a2540 !important;
    border-color: #0a2540 !important;
    color: #ffffff !important;
}

/* Email: plain text link, no button background */
body.pkp_page_editorial_board .eb-member-card a[href^="mailto:"] {
    display: inline !important;
    background: transparent !important;
    color: #057dcd !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    transform: none !important;
    transition: none !important;
}

/* Mobile responsive */
@media (max-width: 600px) {
    body.pkp_page_editorial_board .eb-member-card {
        gap: 14px !important;
        padding: 16px 14px !important;
    }

    body.pkp_page_editorial_board .eb-avatar-frame {
        flex: 0 0 70px !important;
        width: 70px !important;
        height: 70px !important;
    }

    body.pkp_page_editorial_board .eb-avatar-frame img {
        width: 70px !important;
        height: 70px !important;
    }

    body.pkp_page_editorial_board .eb-member-card h3,
    body.pkp_page_editorial_board .eb-member-card h4 {
        font-size: 17px !important;
    }

    body.pkp_page_editorial_board .eb-member-card p {
        font-size: 13px !important;
        line-height: 1.65 !important;
    }

    body.pkp_page_editorial_board .eb-member-card a:not([href^="mailto:"]) {
        padding: 7px 10px !important;
        font-size: 12px !important;
    }
}

/* ==========================================
   ADVISORY BOARD + REVIEWER BOARD
   Same design as Editorial Board
========================================== */

/* Individual member cards */
body.pkp_page_technical_editor_advisor .eb-member-card,
body.pkp_page_reviewer_board .eb-member-card,
body.pkp_page_technical_editor_advisor .eb-board-card,
body.pkp_page_reviewer_board .eb-board-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 25px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    padding: 22px 24px !important;
    margin: 0 0 22px 0 !important;

    background: #ffffff !important;
    border: 1px solid #d1dce8 !important;
    border-top: 4px solid #d71920 !important;
    border-radius: 12px !important;

    box-shadow: 0 4px 14px rgba(10, 37, 64, 0.06) !important;

    transition: border-color 0.25s ease,
                box-shadow 0.25s ease,
                transform 0.25s ease !important;
}

/* Card hover */
body.pkp_page_technical_editor_advisor .eb-member-card:hover,
body.pkp_page_reviewer_board .eb-member-card:hover,
body.pkp_page_technical_editor_advisor .eb-board-card:hover,
body.pkp_page_reviewer_board .eb-board-card:hover {
    border-top-color: #057dcd !important;
    box-shadow: 0 8px 22px rgba(10, 37, 64, 0.12) !important;
    transform: translateY(-3px) !important;
}

/* Member photo */
body.pkp_page_technical_editor_advisor .eb-avatar-frame,
body.pkp_page_reviewer_board .eb-avatar-frame {
    flex: 0 0 96px !important;
    width: 96px !important;
    height: 96px !important;
}

body.pkp_page_technical_editor_advisor .eb-avatar-frame img,
body.pkp_page_reviewer_board .eb-avatar-frame img {
    display: block !important;
    width: 96px !important;
    height: 96px !important;
    max-width: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 50% !important;
    border: 4px solid #e5edf5 !important;
    box-sizing: border-box !important;
}

/* Member name */
body.pkp_page_technical_editor_advisor .eb-member-card h3,
body.pkp_page_technical_editor_advisor .eb-member-card h4,
body.pkp_page_reviewer_board .eb-member-card h3,
body.pkp_page_reviewer_board .eb-member-card h4,
body.pkp_page_technical_editor_advisor .eb-board-card h3,
body.pkp_page_reviewer_board .eb-board-card h3 {
    color: #0a2540 !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin: 0 0 12px 0 !important;
}

/* Member details */
body.pkp_page_technical_editor_advisor .eb-member-card p,
body.pkp_page_reviewer_board .eb-member-card p,
body.pkp_page_technical_editor_advisor .eb-board-card p,
body.pkp_page_reviewer_board .eb-board-card p {
    color: #243b53 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    margin: 0 0 12px 0 !important;
    overflow-wrap: anywhere !important;
}

/* Labels */
body.pkp_page_technical_editor_advisor .eb-member-card strong,
body.pkp_page_reviewer_board .eb-member-card strong,
body.pkp_page_technical_editor_advisor .eb-board-card strong,
body.pkp_page_reviewer_board .eb-board-card strong {
    color: #183653 !important;
    font-weight: 700 !important;
}

/* Buttons: Google Scholar / Download CV */
body.pkp_page_technical_editor_advisor .eb-member-card a:not([href^="mailto:"]),
body.pkp_page_reviewer_board .eb-member-card a:not([href^="mailto:"]),
body.pkp_page_technical_editor_advisor .eb-board-card a:not([href^="mailto:"]),
body.pkp_page_reviewer_board .eb-board-card a:not([href^="mailto:"]) {
    display: inline-block !important;
    padding: 7px 15px !important;
    margin: 5px 7px 3px 0 !important;

    background: #d71920 !important;
    color: #ffffff !important;
    border: 1px solid #d71920 !important;
    border-radius: 22px !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Button hover */
body.pkp_page_technical_editor_advisor .eb-member-card a:not([href^="mailto:"]):hover,
body.pkp_page_reviewer_board .eb-member-card a:not([href^="mailto:"]):hover,
body.pkp_page_technical_editor_advisor .eb-board-card a:not([href^="mailto:"]):hover,
body.pkp_page_reviewer_board .eb-board-card a:not([href^="mailto:"]):hover {
    background: #0a2540 !important;
    border-color: #0a2540 !important;
    color: #ffffff !important;
}

/* Email links remain plain text */
body.pkp_page_technical_editor_advisor .eb-member-card a[href^="mailto:"],
body.pkp_page_reviewer_board .eb-member-card a[href^="mailto:"],
body.pkp_page_technical_editor_advisor .eb-board-card a[href^="mailto:"],
body.pkp_page_reviewer_board .eb-board-card a[href^="mailto:"] {
    display: inline !important;
    background: transparent !important;
    color: #057dcd !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Mobile responsive */
@media (max-width: 600px) {
    body.pkp_page_technical_editor_advisor .eb-member-card,
    body.pkp_page_reviewer_board .eb-member-card,
    body.pkp_page_technical_editor_advisor .eb-board-card,
    body.pkp_page_reviewer_board .eb-board-card {
        gap: 14px !important;
        padding: 16px 14px !important;
    }

    body.pkp_page_technical_editor_advisor .eb-avatar-frame,
    body.pkp_page_reviewer_board .eb-avatar-frame {
        flex: 0 0 70px !important;
        width: 70px !important;
        height: 70px !important;
    }

    body.pkp_page_technical_editor_advisor .eb-avatar-frame img,
    body.pkp_page_reviewer_board .eb-avatar-frame img {
        width: 70px !important;
        height: 70px !important;
    }

    body.pkp_page_technical_editor_advisor .eb-member-card p,
    body.pkp_page_reviewer_board .eb-member-card p,
    body.pkp_page_technical_editor_advisor .eb-board-card p,
    body.pkp_page_reviewer_board .eb-board-card p {
        font-size: 13px !important;
        line-height: 1.65 !important;
    }
}



/* Right Sidebar - Increase Width */
@media (min-width: 992px) {

    body.pkp_page_editorial_board
    .pkp_structure_sidebar {
        width: 290px !important;
        min-width: 290px !important;
        flex: 0 0 290px !important;
    }

    body.pkp_page_editorial_board
    .pkp_structure_main {
        width: calc(100% - 320px) !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    /* ISSN and Publisher cards */
    body.pkp_page_editorial_board
    .pkp_structure_sidebar .pkp_block {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

}