/*!
 * Elkuator Journal Style for OJS
 * Product: Elkuator Customized Journal Style Sheet
 * Version: Production Licensed v1.6
 * Build Date: 2026-07-05
 * License ID: ELK-OJS-JIMS-20260705-V16
 * Licensed Client: Journal of Islam, Media and Society (JIMS)
 * Owner: Elkuator Research and Publication
 * Copyright (c) 2026 Elkuator Research and Publication. All rights reserved.
 *
 * Licensed for authorized journal clients only.
 * Unauthorized copying, redistribution, resale, sublicensing, or derivative commercial use is prohibited.
 * This stylesheet contains only public presentation rules. Do not place API keys, tokens, credentials,
 * private endpoints, or confidential business logic in frontend CSS.
 */

/* ==================================================
   ELKUATOR CUSTOMIZED STYLE SHEET FOR OJS JOURNAL
   Version: Production Licensed v1.6
   Scope: OJS 3.x Default Theme / Custom Style Sheet Override
   License ID: ELK-OJS-JIMS-20260705-V16
   ================================================== */

/* ==================================================
   1. DESIGN TOKENS
   ================================================== */
:root {
    --elkuator-primary: #092149;
    --elkuator-secondary: #d7aa73;
    --elkuator-tertiary: #f2d292;
    --elkuator-accent: #e9e5de;
    --elkuator-text: #333333;
    --elkuator-muted: #666666;
    --elkuator-border: #e8d7b7;
    --elkuator-soft: #f8f5ef;
    --elkuator-white: #ffffff;
    --elkuator-shadow: 0 2px 10px rgba(26, 28, 59, 0.12);
    --elkuator-radius-sm: 5px;
    --elkuator-radius-md: 8px;
    --elkuator-radius-lg: 12px;
    --elkuator-product: "Elkuator Customized Journal Style Sheet";
    --elkuator-build: "2026-07-05";
    --elkuator-version: "Production Licensed v1.6";
    --elkuator-license-id: "ELK-OJS-JIMS-20260705-V16";
    --elkuator-client: "Journal of Islam, Media and Society (JIMS)";
    --elkuator-font: "Lora";
}

/* Backward compatibility for old custom HTML blocks */
:root {
    --primary-color: var(--elkuator-primary);
    --secondary-color: var(--elkuator-secondary);
    --tertiary-color: var(--elkuator-tertiary);
    --accent-color: var(--elkuator-accent);
    --text-color: var(--elkuator-text);
    --border-color: var(--elkuator-border);
    --font-heading: var(--elkuator-font);
    --font-body: var(--elkuator-font);
}

/* ==================================================
   2. BASE / GLOBAL
   ================================================== */
html {
    background-image: linear-gradient(rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.55)), url('https://e-journal.elkuator.com//public/journals/11/patternekuator_.jpg');
    background-size: contain;
    background-attachment: fixed;
}

body {
    background: transparent;
    color: var(--elkuator-text);
    font-family: var(--elkuator-font);
    font-size: 15px;
    line-height: 1.55;
    overflow-x: hidden;
}

a {
    color: var(--elkuator-text);
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

a:hover,
a:focus {
    color: var(--elkuator-primary);
    text-decoration: none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--elkuator-secondary);
    outline-offset: 2px;
}

img,
svg,
video,
iframe {
    max-width: 100%;
}

img {
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--elkuator-primary);
    font-family: var(--elkuator-font);
    line-height: 1.3;
}

/* ==================================================
   3. OJS PAGE STRUCTURE
   ================================================== */
.pkp_structure_page {
    width: min(1160px, calc(100% - 40px));
    margin: 20px auto;
    overflow: hidden;
    background: var(--elkuator-white);
    border-radius: var(--elkuator-radius-md);
    box-shadow: var(--elkuator-shadow);
}

.pkp_structure_head {
    background: transparent;
    border-bottom: 0;
}

.pkp_structure_content,
.pkp_structure_footer,
.pkp_site_name_wrapper,
.pkp_search_mobile {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.has_sidebar {
    padding: 0;
}

.pkp_structure_main {
    padding-bottom: 0;
}

.pkp_structure_main::after {
    display: none;
}

.pkp_structure_main .page h1 {
    margin-bottom: 6px;
    font-size: 20px;
    text-align: justify;
}

.pkp_structure_main h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 22px;
}

.pkp_structure_main p,
.pkp_structure_main ul,
.pkp_structure_main ol {
    font-size: 16px;
}

.pkp_structure_main ol {
    margin-bottom: 12px;
}

.pkp_structure_sidebar {
    padding: 17px 30px 10px 0;
}

.pkp_structure_footer_wrapper {
    background: var(--elkuator-primary);
}

/* ==================================================
   4. HEADER, LOGO, NAVIGATION
   ================================================== */
.pkp_head_wrapper {
    padding-top: 0 !important;
}

.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name a {
    background: var(--elkuator-primary);
    color: var(--elkuator-white) !important;
    font-size: 0px;
}

.pkp_site_name_wrapper,
.pkp_site_name {
    padding: 0;
}

.pkp_site_name .is_img {
    margin-top: 0;
    margin-bottom: 0;
}

.pkp_site_name .is_img img {
    display: block;
    width: auto;
    max-height: none;
}

.pkp_navigation_primary_wrapper {
    margin: 0 auto;
    padding-right: 0;
    padding-left: 29px;
    background: var(--elkuator-primary);
}

.pkp_navigation_primary a,
.pkp_navigation_search_wrapper a {
    background: var(--elkuator-primary);
    color: var(--elkuator-white) !important;
}
.pkp_site_nav_menu {
    background: var(--elkuator-primary) !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary a:hover,
.pkp_site_nav_menu a:hover {
    background: var(--elkuator-primary) !important;
    color: var(--elkuator-white) !important;
    border-bottom-color: transparent;
}

.pkp_navigation_primary > li:last-child a {
    margin-right: 0;
}

.pkp_nav_list ul a {
    background: var(--elkuator-primary);
    color: var(--elkuator-white) !important;
}

.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus {
    background: var(--elkuator-white) !important;
    color: var(--elkuator-primary) !important;
    border-color: var(--elkuator-secondary) !important;
}

.pkp_navigation_user_wrapper {
    padding: 0 4px 0 0 !important;
}

.pkp_navigation_user > li > a {
    display: inline-block;
    margin-top: 5px;
    margin-right: 6px !important;
    padding-right: 12px !important;
    background: var(--elkuator-primary);
    color: var(--elkuator-white);
    border-radius: var(--elkuator-radius-sm);
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.18);
    font-size: 15px;
}

.pkp_navigation_user > li:hover ul {
    position: absolute;
    top: 2px !important;
    left: 0;
    width: 94%;
    transform: translate3d(0, 30px, 0);
    will-change: transform;
}

.pkp_navigation_search_wrapper a {
    padding-right: 24px;
}

ul.dropdown-menu.show {
    margin-top: 4px;
}

/* ==================================================
   4A. HEADER USER NAV SAFE ALIGNMENT
   Purpose: align Admin/Login/Register with Search right edge
   without breaking OJS default centered container logic.
   ================================================== */
@media only screen and (min-width: 992px) {
    .pkp_navigation_user_wrapper {
        position: absolute;
        top: 0;
        left: 50% !important;
        right: auto !important;
        width: auto !important;
        transform: translateX(-50%) !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: right;
        z-index: 1000;
    }

    .pkp_navigation_user.pkp_navigation_user {
        box-sizing: border-box;
        width: 100%;
        padding-right: 24px !important;
        text-align: right;
    }

    .pkp_navigation_user > li > a,
    .pkp_navigation_user > li:last-child > a {
        margin-right: 0 !important;
    }

    .pkp_navigation_search_wrapper a {
        padding-right: 24px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .pkp_navigation_user.pkp_navigation_user {
        width: 952px;
    }
}

@media only screen and (min-width: 1200px) {
    .pkp_navigation_user.pkp_navigation_user {
        width: 1160px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1280px) and (orientation: landscape) {
    .pkp_navigation_user_wrapper {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }

    .pkp_navigation_user.pkp_navigation_user {
        padding-right: 14px !important;
    }

    .pkp_navigation_search_wrapper a {
        padding-right: 14px;
    }
}

/* ==================================================
   5. HOMEPAGE / ADDITIONAL CONTENT / INDEXING
   ================================================== */
.pkp_page_index .additional_content {
    border-top: 0;
}
.additional_content {
    padding-top: 16px !important;
}

.additional-conten-flex,
.additional-content-flex {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    max-width: 800px;
    margin: auto;
    padding: 20px;
    border: 1px solid #dddddd;
    border-radius: var(--elkuator-radius-lg);
    background: linear-gradient(135deg, #fff2e5, #e3f2fd);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
}

/* Journal profile card for OJS Additional Content */
.elkuator-journal-profile {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    box-sizing: border-box;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: linear-gradient(135deg, #e3f2fd, #fff2e5);
    border: 1px solid #dddddd;
    border-radius: var(--elkuator-radius-lg);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
}

.elkuator-journal-profile__cover {
    flex: 0 0 200px;
}

.elkuator-journal-profile__cover img {
    display: block;
    width: 200px;
    height: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.elkuator-journal-profile__content {
    flex: 1 1 auto;
    min-width: 0;
    max-height: 283px;
    overflow-y: auto;
    color: #444444;
    font-size: 14px;
    line-height: 1.6;
    scrollbar-width: thin;
    scrollbar-color: var(--elkuator-primary) #eeeeee;
}

.elkuator-journal-profile__content::-webkit-scrollbar {
    width: 6px;
}

.elkuator-journal-profile__content::-webkit-scrollbar-track {
    background: #eeeeee;
    border-radius: 999px;
}

.elkuator-journal-profile__content::-webkit-scrollbar-thumb {
    background: var(--elkuator-primary);
    border-radius: 999px;
}

.elkuator-journal-profile__content h2 {
    margin: 0 0 5px;
    color: var(--elkuator-primary);
    font-size: 22px;
    line-height: 1.3;
}

.elkuator-journal-profile__content p {
    margin: 5px 0;
    font-size: 14px;
}

.elkuator-journal-profile__content a,
.elkuator-journal-description a {
    color: var(--elkuator-primary);
}

.elkuator-journal-profile__content a:hover,
.elkuator-journal-profile__content a:focus,
.elkuator-journal-description a:hover,
.elkuator-journal-description a:focus {
    color: var(--elkuator-secondary);
}

.elkuator-crossref-logo {
    display: inline-block;
    width: 36px;
    height: auto;
    margin-left: 2px;
    vertical-align: baseline;
}

.elkuator-journal-profile__submit {
    margin-top: 8px !important;
}

.elkuator-journal-description {
    max-width: 800px;
    margin: 20px auto 0;
}

.elkuator-journal-description p {
    margin: 0;
    padding-bottom: 10px;
    color: #444444;
    font-size: 16px;
    line-height: 1.6;
    text-align: justify;
}

@keyframes elkuator-soft-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

.indexing-logo a img {
    width: auto;
    max-width: 150px;
    height: 40px;
    object-fit: contain;
    filter: brightness(1.1) contrast(1.1);
    animation: elkuator-soft-pulse 3s infinite ease-in-out;
}

.indexing-logo a img:hover {
    animation: none;
    transform: scale(1.08);
}

section.current_issue > h2 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 3px 10px;
    background: var(--elkuator-primary);
    color: var(--elkuator-white);
    border-radius: var(--elkuator-radius-sm);
    text-align: center;
}

.current_issue_title {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    color: var(--elkuator-primary);
    font-size: 17px;
}

.description p {
    font-size: 16px;
    text-align: justify;
}

.section {
    padding-top: 0;
}

/* ==================================================
   6. ARTICLE LIST / ARTICLE SUMMARY
   ================================================== */
.obj_article_summary {
    padding: 20px;
    background: var(--elkuator-white);
    border: 1px solid var(--elkuator-border);
    border-left: 3px solid var(--elkuator-secondary);
    border-radius: 6px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.10);
    font-size: 13px;
}

.obj_article_summary img {
    vertical-align: bottom;
}

.obj_article_summary > .title,
.obj_article_summary h3.title {
    font-size: 16px !important;
    text-align: justify !important;
}

.cmp_article_list li {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.cmp_article_list li:hover {
    transform: translateX(6px);
}

.cmp_article_list li::before {
    transition: width 0.25s ease;
}

a.read_more {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 2px 10px;
    background: var(--elkuator-primary);
    color: var(--elkuator-white) !important;
    border: 1px solid var(--elkuator-primary);
    border-radius: var(--elkuator-radius-sm);
}

a.read_more:hover,
a.read_more:focus {
    background: var(--elkuator-white);
    color: var(--elkuator-primary) !important;
    border-color: var(--elkuator-primary) !important;
}

.obj_galley_link {
    background: var(--elkuator-primary);
    color: var(--elkuator-white);
    border: 1px solid var(--elkuator-primary);
}

.obj_galley_link:hover,
.obj_galley_link:focus {
    background: var(--elkuator-white);
    color: var(--elkuator-primary);
    border-color: var(--elkuator-primary);
}

a.btn-submit {
    display: inline-block;
    padding: 8px 15px;
    background: var(--elkuator-primary);
    color: var(--elkuator-white) !important;
    border-radius: var(--elkuator-radius-sm);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
    font-weight: 700;
}

a.btn-submit:hover,
a.btn-submit:focus {
    background: var(--elkuator-tertiary) !important;
    color: var(--elkuator-primary) !important;
}

/* ==================================================
   7. ARTICLE DETAIL PAGE
   ================================================== */
article.obj_article_details {
    text-align: justify;
}

article.obj_article_details .row,
.obj_article_details .row {
    margin-top: 10px;
    border: 0 !important;
}

.obj_article_details .main_entry {
    border-right: 0;
}

.obj_article_details .entry_details {
    border-left: 0;
}

.obj_article_details .entry_details .item,
.obj_article_details .item.cover_image,
.obj_article_details .item.galleys,
.obj_article_details .item.published,
.obj_article_details .item.issue,
.obj_article_details .item.copyright {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border: 0 !important;
}

.obj_article_details .item.authors,
.obj_article_details .item.doi,
.obj_article_details .item.keywords,
.obj_article_details .item.abstract {
    padding-bottom: 6px;
}

.obj_article_details .item.abstract {
    padding-top: 10px;
}

.obj_article_details .entry_details .label,
.obj_article_details .entry_details .item .label,
.item.abstract h2.label,
section.item.references h2.label {
    margin-bottom: 2px !important;
    color: #000000;
    border-bottom: 1px solid #000000;
    font-size: 16px !important;
}

.obj_article_details .main_entry .item .label {
    margin-bottom: 0;
}

.obj_article_details .authors li {
    margin: 0;
    margin-bottom: 0;
}

.obj_article_details .authors .userGroup {
    display: none;
}

.obj_article_details .authors .name {
    color: #000000;
}

.obj_article_details .authors .affiliation {
    font-size: 15px;
}

.obj_article_details .item.doi,
.obj_article_details .item.keywords {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.55;
    text-align: justify;
}

.obj_article_details .item.doi {
    margin-top: 10px !important;
}

.obj_article_details .item > h2 + p,
.obj_article_details .item > h2 + a,
.obj_article_details .copyright a[rel="license"] + p,
.item.copyright a {
    color: #000000 !important;
}

.obj_article_details .item.abstract p,
section.item.abstract > p,
.value > p,
.value p {
    margin-top: 0;
    margin-bottom: 9px;
    padding-top: 0;
    line-height: 1.55 !important;
}

.obj_article_details .item.cover_image img,
.obj_issue_summary .cover img,
.sub_item img {
    border-radius: var(--elkuator-radius-sm);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.14);
}

section.item.authors,
section.item.references,
.item.citation {
    padding-top: 10px !important;
}

.item.references p,
.csl-entry {
    font-size: 16px;
    text-align: justify;
}

.value a.title,
.sub_item .value {
    font-size: 16px;
}

.item.copyright p {
    font-size: 16px;
}

nav.cmp_breadcrumbs {
    margin-top: 15px;
}

/* ==================================================
   8. ISSUE / ARCHIVE / ANNOUNCEMENT / CONTACT
   ================================================== */
.page_issue_archive .issues_archive {
    border-top: 0;
}

.page_issue_archive .issues_archive > li {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 0;
}

.page.page_issue_archive h1 {
    margin-bottom: 6px;
}

.page.page_issue_archive ol,
.page.page_issue ol {
    margin-bottom: 5px !important;
}

.page.page_issue h1 {
    margin-bottom: 4px;
    font-size: 17px;
}

.obj_issue_summary a.title {
    font-size: 17px;
}

.obj_issue_summary div.series {
    font-size: 16px;
}

.obj_issue_summary .cover {
    margin-right: 12px;
    margin-bottom: 6px;
}

.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
    display: inline-block;
    position: relative;
    left: 0;
    margin-top: 0;
    margin-bottom: 9px;
    padding: 0 1.0715rem;
    background: var(--elkuator-primary);
    color: var(--elkuator-white);
    border-radius: var(--elkuator-radius-sm);
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 2.143rem;
}
.cmp_article_list>li {
    margin-bottom: 10px;
}

.obj_issue_toc .sections:not(:first-child) {
    margin-top: 0;
}
.obj_issue_toc .section {
    margin-top: 0;
    padding-bottom: 16px;
}

.obj_issue_toc .section::before {
    display: none !important;
}

.obj_issue_toc .cover {
    margin-bottom: 12px;
}

.obj_issue_toc .cover img {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.14);
}

.obj_issue_toc p img,
.obj_issue_summary .description img {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    filter: grayscale(20%);
    transition: transform 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease;
}

.obj_issue_toc p img:hover,
.obj_issue_summary .description img:hover {
    transform: translateY(-5px);
    background-color: var(--elkuator-white);
    filter: grayscale(0%);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.obj_issue_toc .galleys_links {
    padding-bottom: 6px;
}

.cmp_announcements.cmp_announcements > li {
    padding-top: 0;
}

.obj_announcement_summary h2 a {
    font-size: 20px;
}

.contact.primary .name,
.contact.primary .affiliation {
    font-size: 16px;
}

.contact.primary,
.contact.support a {
    font-size: 15px;
}

/* ==================================================
   9. SIDEBAR BLOCKS / CUSTOM BLOCKS
   ================================================== */
.pkp_block {
    margin-bottom: 5px;
}

.pkp_block .content ul li {
    padding: 0;
}

.governing_body_title,
.submission_title,
.journal_policies_title,
.visitor_header_title,
.citedness_title,
.eissn_title,
.assosiate_title,
.tools_title,
.visitor_title {
    display: block;
    padding: 7px 15px;
    background: var(--elkuator-primary);
    color: var(--elkuator-white) !important;
    border-bottom: 2px solid var(--elkuator-secondary);
    border-radius: var(--elkuator-radius-sm) var(--elkuator-radius-sm) 0 0;
    font-size: 14px;
    font-weight: 700;
    list-style: none;
    text-align: center;
    text-transform: uppercase;
}

.governing_body_list,
.submission_list,
.journal_policies_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.governing_body_item,
.submission_item,
.journal_policies_item {
    border: 1px solid var(--elkuator-primary);
    border-top: 0;
}

.governing_body_item:hover,
.submission_item:hover,
.journal_policies_item:hover {
    border-right: 0 !important;
    border-left: 0 !important;
}

.governing_body_item_link,
.submission_item_link,
.journal_policies_item_link {
    display: flex;
    align-items: flex-start;
    padding: 10px 15px;
    color: var(--elkuator-primary);
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
}

.governing_body_item_link::before,
.submission_item_link::before,
.journal_policies_item_link::before {
    flex-shrink: 0;
    width: 18px;
    margin-right: 12px;
    color: var(--elkuator-primary);
    font-family: "FontAwesome";
    text-align: center;
}

.governing_body_item_link:hover,
.governing_body_item_link:focus,
.submission_item_link:hover,
.submission_item_link:focus,
.journal_policies_item_link:hover,
.journal_policies_item_link:focus {
    background: var(--elkuator-primary);
    color: var(--elkuator-white);
    transform: translateX(5px);
}

.governing_body_item_link:hover::before,
.submission_item_link:hover::before,
.journal_policies_item_link:hover::before {
    color: var(--elkuator-white);
}

.fa {
    display: inline-block;
    margin-right: 5px;
    font-family: "FontAwesome" !important;
}

/* Governing Body Icons */
.governing_body_item_link[title*="Editorial Team"]::before { content: "\f0c0"; }
.governing_body_item_link[title*="Peer Reviewers"]::before { content: "\f233"; }
.governing_body_item_link[title*="Contact"]::before { content: "\f0e0"; }

/* Submission Icons */
.submission_item_link[title*="Submit Now"]::before { content: "\f0ee"; }
.submission_item_link[title*="Author Guidelines"]::before { content: "\f02d"; }
.submission_item_link[title*="Reviewer Guidelines"]::before { content: "\f044"; }
.submission_item_link[title*="Journal Template"]::before { content: "\f1c1"; }
.submission_item_link[title*="Privacy Statement"]::before { content: "\f023"; }
.submission_item_link[title*="Call For Editor"]::before { content: "\f0a1"; }

/* Journal Policy Icons */
.journal_policies_item_link[title*="Aim and Scope"]::before { content: "\f05b"; }
.journal_policies_item_link[title*="Peer Review Process"]::before { content: "\f00c"; }
.journal_policies_item_link[title*="Publication Ethics"]::before { content: "\f24e"; }
.journal_policies_item_link[title*="Allegation"]::before { content: "\f071"; }
.journal_policies_item_link[title*="Retraction and Correction"]::before { content: "\f0e2"; }
.journal_policies_item_link[title*="Conflicts of Interest"]::before { content: "\f0ec"; }
.journal_policies_item_link[title*="Complaints and Appeals"]::before { content: "\f0e6"; }
.journal_policies_item_link[title*="Plagiarism Policy"]::before { content: "\f1f8"; }
.journal_policies_item_link[title*="Copyright and Licensing"]::before { content: "\f1f9"; }
.journal_policies_item_link[title*="Publication Frequency"]::before { content: "\f017"; }
.journal_policies_item_link[title*="Article Processing Charge"]::before { content: "\f155"; }
.journal_policies_item_link[title*="Withdrawal of Manuscript"]::before { content: "\f05e"; }
.journal_policies_item_link[title*="Open Access Policy"]::before { content: "\f09c"; }
.journal_policies_item_link[title*="Archiving Policy"]::before { content: "\f187"; }
.journal_policies_item_link[title*="Revenue Sources"]::before { content: "\f0d6"; }
.journal_policies_item_link[title*="Generative AI"]::before { content: "\f1b2"; }
.journal_policies_item_link[title*="Abstracting and Indexing"]::before { content: "\f022"; }

.png_citedness,
.png-assosiate,
.tools_grid,
.png_visitor,
.png_toscupus,
.png_custom_block {
    border-radius: 0 0 var(--elkuator-radius-sm) var(--elkuator-radius-sm);
}

.png_custom_block,
.logo-grid-association,
.tools_grid,
.png-assosiate,
.png_visitor,
.png_toscupus,
.png_citedness {
    border: 1px solid var(--elkuator-primary);
}

.png_custom_block img {
    display: block;
    width: 69%;
    margin: 4px 0;
}

.png_citedness {
    padding: 0 27px;
}

.png_citedness img {
    display: block;
    width: 79%;
    margin-right: auto;
    margin-left: auto;
}

.png_citedness img:hover,
.png_custom_block img:hover,
.png-assosiate img:hover,
.logo-grid-association img:hover,
.png_statcounter img:hover {
    transform: scale(1.05);
}

.png-assosiate {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 30px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 10px 5px !important;
}

.png-assosiate img {
    display: block !important;
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: 120px !important;
    height: 100px !important;
    object-fit: contain !important;
}

.logo-grid-association {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    gap: 10px;
    padding: 10px;
    background: var(--elkuator-white);
}

.logo-grid-association img {
    display: block;
    width: 100%;
    max-width: 95px;
    height: auto;
    filter: grayscale(10%);
    transition: transform 0.2s ease, filter 0.2s ease;
}

.logo-grid-association img:hover {
    filter: grayscale(0%);
}

.assosiate_title {
    padding: 7px;
    font-family: var(--elkuator-font);
    font-size: 13px;
    letter-spacing: 0.5px;
    text-align: center;
}

.tools_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 7px !important;
    padding: 0 !important;
    list-style: none !important;
}

.tools_item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 70px;
    padding: 5px;
    overflow: hidden;
    background: var(--elkuator-white);
    border: 1px solid var(--elkuator-primary);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.tools_item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 3px;
}

.tools_item img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}

.tools_item:hover {
    border-color: #002c5f;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.10);
}

.png_visitor {
    padding: 1px 9px;
}

figure.visitor_card {
    margin: 1rem 0;
}

/* ==================================================
   10. FOOTER
   ================================================== */
.pkp_brand_footer {
    display: none;
}

.pkp_footer_content {
    padding: 13px 0;
}

.pkp_footer_content a:hover {
    color: var(--elkuator-white);
}

.site-footer {
    padding: 0 2rem;
}

.footer-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.publisher-info-left {
    flex: 1 1 auto;
    text-align: left;
}

.publisher-logo,
.favicon {
    display: block;
    color: var(--elkuator-white);
    font-size: 15px;
}

.publisher-logo {
    margin-bottom: 10px;
}

.publisher-logo a {
    display: inline-block;
    color: var(--elkuator-white);
}

.publisher-logo img {
    width: auto;
    height: 60px;
    padding: 5px;
    background-color: var(--elkuator-white);
    border-radius: var(--elkuator-radius-sm);
}

.favicon img {
    width: 46px;
    filter: drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff);
}

.publisher-logo-right img {
    position: relative;
    width: 146px;
    margin: 21px 0;
    filter: drop-shadow(1px 1px 0 #ffffff) drop-shadow(-1px -1px 0 #ffffff) drop-shadow(1px -1px 0 #ffffff) drop-shadow(-1px 1px 0 #ffffff);
}

.publisher-logo-right img:hover,
.favicon img:hover {
    transform: scale(1.05);
}

.publisher-name {
    margin-bottom: 10px;
}

.publisher-name a {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
}

.publisher-address {
    line-height: 1.6;
}

.publisher-address a {
    color: var(--elkuator-white);
    font-size: 14px;
}

.publisher-address a:hover,
.copyright-footer a:hover {
    color: var(--elkuator-tertiary) !important;
}

.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 5px;
    border-top: 1px solid var(--elkuator-secondary);
}

.copyright-footer {
    color: var(--elkuator-white);
    font-size: 13px !important;
    text-align: left;
}

.copyright-footer a {
    color: var(--elkuator-white);
}

.social-media-wrapper {
    filter: brightness(0) invert(1);
}

/* Social media icon data URLs preserved from previous Elkuator stylesheet */
.social-media {
    position: relative;
    display: flex;
    gap: 5px;
    right: -4px;
    justify-content: right;
    flex-wrap: wrap;
    margin-bottom: 0px;
}
.social-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}
.social-icon::before {
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
}
.social-icon:hover::before {
    transform: scale(1.15);
}
.social-icon.facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z'/%3E%3C/svg%3E");
}
.social-icon.facebook:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%231877F2' d='M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z'/%3E%3C/svg%3E");
}
.social-icon.twitter::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M15.3,1.9h2.8l-6.1,7L19,18.1h-5.6l-4.4-5.8l-5,5.8H1.2l6.5-7.4L1,1.9h5.8l4,5.3L15.3,1.9z M14.5,16.5h1.5L6.6,3.4H4.9L14.5,16.5z'/%3E%3C/svg%3E");
}
.social-icon.twitter:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M15.3,1.9h2.8l-6.1,7L19,18.1h-5.6l-4.4-5.8l-5,5.8H1.2l6.5-7.4L1,1.9h5.8l4,5.3L15.3,1.9z M14.5,16.5h1.5L6.6,3.4H4.9L14.5,16.5z'/%3E%3C/svg%3E");
}
.social-icon.instagram::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle fill='%23000000' cx='10' cy='10' r='3.3'/%3E%3Cpath fill='%23000000' d='M14.2,0H5.8C2.6,0,0,2.6,0,5.8v8.3C0,17.4,2.6,20,5.8,20h8.3c3.2,0,5.8-2.6,5.8-5.8V5.8C20,2.6,17.4,0,14.2,0zM10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z M15.8,5C15.4,5,15,4.6,15,4.2s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8S16.3,5,15.8,5z'/%3E%3C/svg%3E");
}
.social-icon.instagram:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='ig' x1='0%25' y1='100%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%23FD5949'/%3E%3Cstop offset='50%25' style='stop-color:%23D6249F'/%3E%3Cstop offset='100%25' style='stop-color:%23285AEB'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle fill='url(%23ig)' cx='10' cy='10' r='3.3'/%3E%3Cpath fill='url(%23ig)' d='M14.2,0H5.8C2.6,0,0,2.6,0,5.8v8.3C0,17.4,2.6,20,5.8,20h8.3c3.2,0,5.8-2.6,5.8-5.8V5.8C20,2.6,17.4,0,14.2,0zM10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z M15.8,5C15.4,5,15,4.6,15,4.2s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8S16.3,5,15.8,5z'/%3E%3C/svg%3E");
}
.social-icon.linkedin::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M18.6,0H1.4C0.6,0,0,0.6,0,1.4v17.1C0,19.4,0.6,20,1.4,20h17.1c0.8,0,1.4-0.6,1.4-1.4V1.4C20,0.6,19.4,0,18.6,0z M6,17.1h-3V7.6h3L6,17.1L6,17.1zM4.6,6.3c-1,0-1.7-0.8-1.7-1.7s0.8-1.7,1.7-1.7c0.9,0,1.7,0.8,1.7,1.7C6.3,5.5,5.5,6.3,4.6,6.3z M17.2,17.1h-3v-4.6c0-1.1,0-2.5-1.5-2.5c-1.5,0-1.8,1.2-1.8,2.5v4.7h-3V7.6h2.8v1.3h0c0.4-0.8,1.4-1.5,2.8-1.5c3,0,3.6,2,3.6,4.5V17.1z'/%3E%3C/svg%3E");
}
.social-icon.linkedin:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%230A66C2' d='M18.6,0H1.4C0.6,0,0,0.6,0,1.4v17.1C0,19.4,0.6,20,1.4,20h17.1c0.8,0,1.4-0.6,1.4-1.4V1.4C20,0.6,19.4,0,18.6,0z M6,17.1h-3V7.6h3L6,17.1L6,17.1zM4.6,6.3c-1,0-1.7-0.8-1.7-1.7s0.8-1.7,1.7-1.7c0.9,0,1.7,0.8,1.7,1.7C6.3,5.5,5.5,6.3,4.6,6.3z M17.2,17.1h-3v-4.6c0-1.1,0-2.5-1.5-2.5c-1.5,0-1.8,1.2-1.8,2.5v4.7h-3V7.6h2.8v1.3h0c0.4-0.8,1.4-1.5,2.8-1.5c3,0,3.6,2,3.6,4.5V17.1z'/%3E%3C/svg%3E");
}
.social-icon.youtube::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M15,0H5C2.2,0,0,2.2,0,5v10c0,2.8,2.2,5,5,5h10c2.8,0,5-2.2,5-5V5C20,2.2,17.8,0,15,0z M14.5,10.9l-6.8,3.8c-0.1,0.1-0.3,0.1-0.5,0.1c-0.5,0-1-0.4-1-1l0,0V6.2c0-0.5,0.4-1,1-1c0.2,0,0.3,0,0.5,0.1l6.8,3.8c0.5,0.3,0.7,0.8,0.4,1.3C14.8,10.6,14.6,10.8,14.5,10.9z'/%3E%3C/svg%3E");
}
.social-icon.youtube:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23FF0000' d='M15,0H5C2.2,0,0,2.2,0,5v10c0,2.8,2.2,5,5,5h10c2.8,0,5-2.2,5-5V5C20,2.2,17.8,0,15,0z M14.5,10.9l-6.8,3.8c-0.1,0.1-0.3,0.1-0.5,0.1c-0.5,0-1-0.4-1-1l0,0V6.2c0-0.5,0.4-1,1-1c0.2,0,0.3,0,0.5,0.1l6.8,3.8c0.5,0.3,0.7,0.8,0.4,1.3C14.8,10.6,14.6,10.8,14.5,10.9z'/%3E%3C/svg%3E");
}
.social-icon.threads::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M10.7 10.2c.5 0 1 .1 1.5.2-.1 1.1-.5 2.2-1.9 2.3-.6 0-1.1-.1-1.5-.5-.2-.2-.3-.4-.3-.9 0-.3.2-.6.5-.8.5-.2 1-.3 1.7-.3zM20 10c0 4.8 0 7.3-1.4 8.6C17.3 20 14.8 20 10 20s-7.3 0-8.6-1.4C0 17.3 0 14.8 0 10c0-4.9 0-7.3 1.4-8.6C2.7 0 5.1 0 10 0c4.9 0 7.3 0 8.6 1.4C20 2.7 20 5.2 20 10zM6.4 5.2c.9-.9 2.1-1.4 3.8-1.4 3.7 0 4.8 2.6 5 3.7l1.3-.3c-.3-1.1-1.6-4.7-6.3-4.7-2 0-3.5.6-4.7 1.8-1.3 1.4-2 3.5-1.9 6.2.1 4.4 2.6 7 6.5 7 3.3 0 5.7-1.9 5.7-4.5 0-1.7-.8-2.9-2.4-3.6-.2-2.4-1.6-3.3-3-3.4-2.2-.1-3 1.4-3.1 1.5l1.1.6s.5-.9 1.9-.8c.6 0 1.5.3 1.7 1.7-1.4-.3-2.8-.1-3.7.4-.6.4-1 1-1.1 1.7-.1.7.1 1.4.6 1.9.6.6 1.5 1 2.5.9 1.7-.1 2.7-1.3 3-3.1.8.5 1.1 1.1 1.1 2.2 0 1.8-1.9 3.2-4.4 3.2-4.6 0-5.2-4-5.2-5.7 0-1.7.2-3.9 1.6-5.3z'/%3E%3C/svg%3E");
}
.social-icon.threads:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M10.7 10.2c.5 0 1 .1 1.5.2-.1 1.1-.5 2.2-1.9 2.3-.6 0-1.1-.1-1.5-.5-.2-.2-.3-.4-.3-.9 0-.3.2-.6.5-.8.5-.2 1-.3 1.7-.3zM20 10c0 4.8 0 7.3-1.4 8.6C17.3 20 14.8 20 10 20s-7.3 0-8.6-1.4C0 17.3 0 14.8 0 10c0-4.9 0-7.3 1.4-8.6C2.7 0 5.1 0 10 0c4.9 0 7.3 0 8.6 1.4C20 2.7 20 5.2 20 10zM6.4 5.2c.9-.9 2.1-1.4 3.8-1.4 3.7 0 4.8 2.6 5 3.7l1.3-.3c-.3-1.1-1.6-4.7-6.3-4.7-2 0-3.5.6-4.7 1.8-1.3 1.4-2 3.5-1.9 6.2.1 4.4 2.6 7 6.5 7 3.3 0 5.7-1.9 5.7-4.5 0-1.7-.8-2.9-2.4-3.6-.2-2.4-1.6-3.3-3-3.4-2.2-.1-3 1.4-3.1 1.5l1.1.6s.5-.9 1.9-.8c.6 0 1.5.3 1.7 1.7-1.4-.3-2.8-.1-3.7.4-.6.4-1 1-1.1 1.7-.1.7.1 1.4.6 1.9.6.6 1.5 1 2.5.9 1.7-.1 2.7-1.3 3-3.1.8.5 1.1 1.1 1.1 2.2 0 1.8-1.9 3.2-4.4 3.2-4.6 0-5.2-4-5.2-5.7 0-1.7.2-3.9 1.6-5.3z'/%3E%3C/svg%3E");
}
/* ==================================================
   11. CUSTOM CONTENT PAGES
   ================================================== */
table.table2 {
    border-collapse: collapse;
    caption-side: bottom;
}

.table2 td {
    padding: 10px;
}

div#authorGuidelines,
div#privacyStatement {
    text-align: justify;
}

.animated-link {
    text-decoration: none !important;
}

/* Editorial Team */
.editorial-team {
    max-width: 1000px;
    color: var(--elkuator-text);
    line-height: 1.6;
}

.editorial-section {
    margin-bottom: 0;
}

.editorial-section-title {
    margin-top: 7px !important;
    margin-bottom: 4px !important;
    padding-bottom: 4px;
    color: #2c3e50;
    border-bottom: 1px solid #2c3e50;
    font-size: 1.2rem;
}

.editorial-featured {
    margin-bottom: 10px;
    border-left: 3px solid var(--elkuator-primary);
}

.editorial-member-card {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 0;
    background: #fdfdfd;
}

.editorial-photo {
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    margin: 0 8px 0 8px;
    object-fit: cover;
    background-color: #f0f0f0;
    border: 1px solid #dddddd;
    border-radius: 8px;
}

.editorial-member-info {
    flex: 1 1 auto;
    min-width: 0;
}

.editorial-member-name {
    margin: 0 !important;
    line-height: 1.25 !important;
}

.editorial-member-name strong {
    color: #1a1a1a;
    font-size: 1.05rem;
}

.editorial-member-affiliation {
    margin: 0 !important;
    font-size: 14px !important;
}

.editorial-link-btn {
    display: inline-block;
    margin-top: 3px;
    padding: 2px 10px;
    border: 1px solid #002478;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.editorial-scopus { color: #ff6600; border-color: #ff6600; }
.editorial-wos { color: #2c3e50; border-color: #2c3e50; }
.editorial-scholar { color: #4285f4; border-color: #4285f4; }
.editorial-orcid { color: #a6ce39; border-color: #a6ce39; }
.editorial-sinta { color: #212529; border-color: #212529; }

.editorial-link-btn:hover,
.editorial-link-btn:focus {
    background: #f0f0f0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.10);
    transform: translateY(-1px);
}

/* ==================================================
   12. RESPONSIVE: LARGE TABLET / SMALL DESKTOP
   ================================================== */
@media (max-width: 1280px) {
    .pkp_structure_page {
        width: min(95%, 1160px);
        margin: 15px auto;
    }

    .pkp_navigation_primary_wrapper {
        padding-left: 20px;
    }

    .footer-top {
        gap: 30px;
    }
}

@media (max-width: 1024px) {
    .pkp_structure_page {
        width: 94%;
        margin: 12px auto;
    }

    .pkp_navigation_primary_wrapper {
        padding-left: 20px;
    }

    .pkp_structure_sidebar {
        padding-right: 20px;
    }

    .obj_issue_summary .cover {
        margin-right: 16px;
    }

    .footer-top {
        flex-direction: column;
        gap: 25px;
    }

    .publisher-logo-right img {
        width: 130px;
        height: auto;
    }

    .social-media {
        right: 0;
        justify-content: flex-start;
    }
}

@media (min-width: 992px) {
    .pkp_block {
        padding: 0 0 5px 0 !important;
    }
}


/* ==================================================
   12A. RESPONSIVE: TABLET LANDSCAPE
   Covers common iPad/Android tablet landscape widths
   between mobile and small desktop layouts.
   ================================================== */
@media only screen and (min-width: 769px) and (max-width: 1180px) and (orientation: landscape) {
    html {
        background-attachment: scroll;
    }

    .pkp_structure_page {
        width: calc(100% - 28px);
        max-width: 1100px;
        margin: 12px auto;
        border-radius: var(--elkuator-radius-md);
    }

    .has_site_logo .pkp_head_wrapper,
    .pkp_head_wrapper {
        box-sizing: border-box;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .pkp_site_name .is_img img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .pkp_navigation_primary_wrapper {
        box-sizing: border-box;
        padding-right: 14px;
        padding-left: 14px;
    }

    .pkp_navigation_primary {
        align-items: center;
    }

    .pkp_navigation_primary > li > a {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 14px;
        line-height: 1.45;
    }

    .pkp_navigation_search_wrapper a {
        padding-right: 14px;
    }

    .pkp_navigation_user > li > a {
        margin-right: 4px !important;
        padding-right: 10px !important;
        font-size: 13px;
    }

    .pkp_structure_content {
        box-sizing: border-box;
        padding-top: 18px;
    }

    .pkp_structure_main,
    .pkp_structure_sidebar {
        box-sizing: border-box;
    }

    .pkp_structure_main .page h1 {
        font-size: 19px;
    }

    .pkp_structure_main h2 {
        font-size: 20px;
    }

    .pkp_structure_main p,
    .pkp_structure_main ul,
    .pkp_structure_main ol {
        font-size: 15px;
    }

    .additional-conten-flex,
    .additional-content-flex {
        max-width: 100%;
        padding: 16px;
        gap: 14px;
    }

    .elkuator-journal-profile,
    .elkuator-journal-description {
        max-width: 100%;
    }

    .elkuator-journal-profile {
        gap: 16px;
        padding: 16px;
    }

    .elkuator-journal-profile__cover {
        flex-basis: 170px;
    }

    .elkuator-journal-profile__cover img {
        width: 170px;
    }

    .elkuator-journal-profile__content {
        max-height: 250px;
    }

    .elkuator-journal-profile__content h2 {
        font-size: 20px;
    }

    .obj_article_summary {
        padding: 16px;
        margin-bottom: 12px;
    }

    .obj_article_summary > .title,
    .obj_article_summary h3.title {
        font-size: 15.5px !important;
    }

    .obj_issue_summary .cover {
        margin-right: 12px;
    }

    .obj_issue_toc .section > h2,
    .obj_issue_toc .section > h3 {
        font-size: 1rem;
        line-height: 2rem;
    }

    .governing_body_title,
    .submission_title,
    .journal_policies_title,
    .visitor_header_title,
    .citedness_title,
    .eissn_title,
    .assosiate_title,
    .tools_title,
    .visitor_title {
        padding: 7px 10px;
        font-size: 13px;
    }

    .governing_body_item_link,
    .submission_item_link,
    .journal_policies_item_link {
        padding: 9px 10px;
        font-size: 14px;
        line-height: 1.45;
    }

    .governing_body_item_link::before,
    .submission_item_link::before,
    .journal_policies_item_link::before {
        margin-right: 9px;
    }

    .tools_item {
        height: 64px;
    }

    .png_citedness {
        padding-right: 16px;
        padding-left: 16px;
    }

    .png-assosiate {
        gap: 16px !important;
    }

    .png-assosiate img {
        max-width: 105px !important;
        height: 86px !important;
    }

    .logo-grid-association {
        gap: 8px;
        padding: 8px;
    }

    .site-footer {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .footer-top {
        gap: 24px;
    }

    .publisher-logo-right img {
        width: 128px;
        height: auto;
        margin: 14px 0;
    }

    .publisher-address a {
        font-size: 13px;
    }
}

/* Tablet landscape below OJS desktop breakpoint:
   keep one-column content, but remove desktop separator artifacts. */
@media only screen and (min-width: 769px) and (max-width: 991.98px) and (orientation: landscape) {
    .pkp_structure_main {
        float: none;
        width: auto;
        padding: 1.25rem 1.5rem 1.75rem;
    }

    .pkp_structure_main::before,
    .pkp_structure_main::after {
        display: none !important;
    }

    .pkp_structure_sidebar {
        float: none;
        width: auto;
        padding: 0 1.5rem 1.5rem;
    }

    .pkp_block {
        max-width: 100%;
    }

    .tools_list,
    .logo-grid-association {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .png-assosiate img {
        max-width: 115px !important;
        height: 88px !important;
    }

    .footer-top {
        flex-direction: row;
        align-items: flex-start;
    }
}

/* Tablet landscape at OJS desktop breakpoint:
   preserve two columns while making main/sidebar widths fluid. */
@media only screen and (min-width: 992px) and (max-width: 1180px) and (orientation: landscape) {
    .pkp_page_index .additional_content {
        border-top: 0;
    }
    .pkp_structure_main {
        width: calc(100% - 300px);
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .pkp_structure_main::before {
        display: none !important;
    }

    .pkp_structure_main::after {
        right: 0;
        left: auto;
    }

    .pkp_structure_sidebar {
        width: 300px;
        padding-right: 18px;
        padding-left: 0;
    }

    .footer-top {
        flex-direction: row;
        align-items: flex-start;
    }
}


/* ==================================================
   13. RESPONSIVE: TABLET / MOBILE
   ================================================== */
@media (max-width: 768px) {
    html {
        background-attachment: scroll;
    }

    body {
        font-size: 14px;
    }

    .pkp_structure_page {
        width: calc(100% - 24px);
        margin: 10px auto;
        border-radius: 0;
    }

    .pkp_page_index .additional_content {
        border-top: 0;
    }

    .additional-conten-flex,
    .additional-content-flex {
        flex-direction: column;
        padding: 16px;
    }

    .elkuator-journal-profile {
        flex-direction: column;
        max-width: 100%;
        padding: 16px;
    }

    .elkuator-journal-profile__cover {
        flex: none;
        width: 100%;
    }

    .elkuator-journal-profile__cover img {
        width: 180px;
        margin-right: auto;
        margin-left: auto;
    }

    .elkuator-journal-profile__content {
        max-height: none;
        overflow-y: visible;
    }

    .elkuator-journal-profile__content h2 {
        font-size: 20px;
        text-align: center;
    }

    .elkuator-journal-description {
        max-width: 100%;
        margin-top: 16px;
    }

    .pkp_site_name .is_img img {
        display: none;
    }

    .pkp_navigation_primary_wrapper {
        padding-left: 10px;
    }

    .pkp_navigation_user > li > a {
        font-size: 13px;
    }

    .pkp_structure_sidebar {
        padding: 10px;
    }

    .pkp_block {
        margin: 0;
        padding: 5px;
    }

    div#customblock-scopus-citedness,
    div#customblock-scopusciteness,
    div#customblock-in-association-with,
    div#customblock-tools,
    div#customblock-visitors,
    div#customblock-visitor-statistics,
    div#customblock-additional-menu,
    div#customblock-title-suggestion-to-scopus,
    div#customblock-e-issn {
        padding-left: 10px;
    }

    .png_visitor > a > img {
        display: block;
        width: 100%;
        margin-bottom: 4px;
    }

    .obj_article_summary {
        padding: 15px;
    }

    .obj_issue_toc .section {
        padding: 0 20px;
    }

    .site-footer {
        padding: 0 1rem;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .publisher-logo-right {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .social-media-wrapper {
        margin-left: auto;
    }
}

@media (max-width: 576px) {
    body {
        font-size: 13px;
    }

    .elkuator-journal-profile {
        padding: 14px;
        border-radius: var(--elkuator-radius-md);
    }

    .elkuator-journal-profile__cover img {
        width: 150px;
    }

    .elkuator-journal-profile__content,
    .elkuator-journal-profile__content p {
        font-size: 13px;
    }

    .elkuator-journal-profile__content h2 {
        font-size: 18px;
    }

    .elkuator-journal-description p {
        font-size: 14px;
        text-align: justify;
    }

    .pkp_structure_page {
        width: 100%;
        margin: 0;
    }

    .pkp_navigation_primary_wrapper {
        padding-left: 8px;
    }

    .pkp_navigation_user > li > a {
        margin-right: 4px !important;
        padding-right: 10px !important;
        font-size: 13px;
    }

    .obj_article_summary,
    .obj_issue_toc {
        margin-bottom: 18px;
        padding: 12px;
    }

    .obj_article_summary > .title,
    .obj_article_summary h3.title {
        font-size: 15px !important;
    }

    .publisher-logo img {
        height: 50px;
    }

    .social-icon {
        width: 18px;
        height: 18px;
    }

    .social-icon::before {
        width: 14px;
        height: 14px;
    }

    .tools_list,
    .logo-grid-association {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 425px) {
    .has_site_logo .pkp_head_wrapper {
        padding-right: 0;
    }

    .pkp_page_index .additional_content {
        border-top: 0;
    }

    .obj_issue_toc .section > h3 {
        margin-top: 20px;
    }

    .pkp_block {
        margin: 0;
        padding: 2px 0;
    }

    .obj_issue_toc .section {
        padding-left: 0;
        padding-right: 0;
    }

    div#customblock-scopus-citedness,
    div#customblock-scopusciteness,
    div#customblock-in-association-with,
    div#customblock-tools,
    div#customblock-visitors,
    div#customblock-visitor-statistics,
    div#customblock-additional-menu,
    div#customblock-title-suggestion-to-scopus,
    div#customblock-e-issn {
        padding-left: 0;
    }

    a.read_more {
        margin: 7px 2px 2px;
        padding: 2px 10px;
    }

    .obj_issue_toc {
        margin: 0;
        padding: 0;
    }

    .obj_article_summary {
        margin: 0 2px 12px;
        padding: 8px 10px;
    }

    .editorial-team {
        padding: 0;
    }

    .editorial-member-card {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .editorial-photo {
        width: 56px;
        height: 56px;
        margin: 0 6px 0 0;
    }

    .editorial-link-btn {
        margin-bottom: 3px;
    }

    .publisher-logo-right {
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

@media only screen and (max-width: 360px) {
    .governing_body_item_link,
    .submission_item_link,
    .journal_policies_item_link {
        padding: 9px 10px;
        font-size: 14px;
    }

    .png-assosiate {
        gap: 12px !important;
    }

    .copyright-footer,
    .publisher-address a {
        font-size: 12px !important;
    }
}

/* ==================================================
   14. ACCESSIBILITY / REDUCED MOTION
   ================================================== */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}