/* ==========================================================================
   JEIST Custom CSS - Override OJS Default Blue (#006798) with Journal Red (#8c181b)
   ========================================================================== */

/* 1. All Links & General Text Accents */
a {
    color: #8c181b;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #6b1214;
}

/* 2. Article, Issue & Page Titles (Never Underlined) */
h1, h2, h3, h4, h5, h6,
.title,
.title a,
h1 a, h2 a, h3 a, h4 a,
.obj_article_summary .title a,
.obj_issue_summary .title a,
.obj_article_details .item.doi a,
.page_issue .title a,
.page_index_journal .current_issue .title a,
.pkp_block .title a {
    color: #8c181b !important;
    text-decoration: none !important;
}

.title a:hover,
.title a:focus,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
.obj_article_summary .title a:hover,
.obj_article_summary .title a:focus,
.obj_issue_summary .title a:hover,
.obj_issue_summary .title a:focus,
.obj_article_details .item.doi a:hover,
.obj_article_details .item.doi a:focus,
.page_issue .title a:hover,
.page_index_journal .current_issue .title a:hover,
.pkp_block .title a:hover {
    color: #6b1214 !important;
    text-decoration: none !important;
}

/* 3. Primary Buttons, Galley & PDF Download Links */
.pkp_button,
.cmp_button,
.btn-primary,
.obj_galley_link,
button[type="submit"],
input[type="submit"] {
    background-color: #8c181b !important;
    border-color: #8c181b !important;
    color: #ffffff !important;
}

.pkp_button:hover,
.pkp_button:focus,
.cmp_button:hover,
.cmp_button:focus,
.btn-primary:hover,
.btn-primary:focus,
.obj_galley_link:hover,
.obj_galley_link:focus,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background-color: #6b1214 !important;
    border-color: #6b1214 !important;
    color: #ffffff !important;
}

/* 4. Primary Navigation — clear the blue background on the bar and all nav elements */

/* Nav bar / header wrapper */
.pkp_header,
.pkp_head_wrapper,
.pkp_navigation_primary,
nav.pkp_navigation_primary,
.pkp_site_nav_menu {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Individual nav items & links */
.pkp_navigation_primary > li,
.pkp_navigation_primary > li > a {
    background: transparent !important;
    background-color: transparent !important;
    transition: background-color 0.2s ease, color 0.2s ease;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hover / focus state — white bg + red text, no borders */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li:hover > a {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #8c181b !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Active page link */
.pkp_navigation_primary > li.active > a,
.pkp_navigation_primary > li.current > a {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Navigation Dropdown Submenus — all items green, uniform indent, no borders */
.pkp_navigation_primary ul {
    border-radius: 0 !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    padding: 4px 0 !important;
}

/* Every dropdown link — green, same size, same indent */
.pkp_navigation_primary ul li,
.pkp_navigation_primary ul li a,
.pkp_navigation_primary ul > li > a,
.pkp_navigation_primary li ul li a {
    color: #049648 !important;
    background: transparent !important;
    background-color: transparent !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    padding: 7px 18px !important;
    display: block !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* Hover — white background, red text */
.pkp_navigation_primary ul li a:hover,
.pkp_navigation_primary ul li a:focus,
.pkp_navigation_primary li ul li a:hover,
.pkp_navigation_primary li ul li a:focus {
    background-color: #f9fafb !important;
    color: #8c181b !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* User Profile Navigation Links Hover (Top Right) */
.pkp_navigation_user > li > a {
    border-radius: 0 !important;
    border: none !important;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus,
.pkp_navigation_user ul li a:hover,
.pkp_navigation_user ul li a:focus {
    background-color: #ffffff !important;
    color: #8c181b !important;
    border-radius: 0 !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* 5. Sidebar Blocks & Block Titles */
.pkp_block .title,
.pkp_structure_sidebar .title,
h2.title {
    color: #8c181b !important;
    border: none !important;
    border-bottom: none !important;
    text-decoration: none !important;
    margin-bottom: 0.5rem;
}

.pkp_block a {
    color: #8c181b;
    text-decoration: none;
}

.pkp_block a:hover {
    color: #6b1214;
    text-decoration: none;
}

/* 5.1 Sidebar "Make a Submission" Button (Left Padding 2.143rem & No Hover Effect) */
#customblock-make-a-submission,
.pkp_block.block_make_submission,
.pkp_block[id*="make-a-submission"],
.pkp_block[class*="make_submission"] {
    margin-top: 0.5rem !important;
    margin-bottom: 1.25rem !important;
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
}

#customblock-make-a-submission .content,
.pkp_block.block_make_submission .content,
.sidebar_submission_wrapper {
    padding: 0 !important;
    padding-left: 2.143rem !important;
    margin: 0 !important;
    text-align: left !important;
}

#customblock-make-a-submission div,
.sidebar_submission_wrapper div {
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

#customblock-make-a-submission a[href*="submissions"],
.pkp_block.block_make_submission a,
.pkp_block[id*="make-a-submission"] a[href*="submissions"],
.sidebar_submission_btn {
    display: inline-block !important;
    width: auto !important;
    background-color: #049648 !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    font-size: 0.95rem !important;
    text-align: center !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(4, 150, 72, 0.25) !important;
    margin: 0 !important;
}

/* No hover effect on Make a Submission button */
#customblock-make-a-submission a[href*="submissions"]:hover,
#customblock-make-a-submission a[href*="submissions"]:focus,
.pkp_block.block_make_submission a:hover,
.pkp_block.block_make_submission a:focus,
.pkp_block[id*="make-a-submission"] a[href*="submissions"]:hover,
.pkp_block[id*="make-a-submission"] a[href*="submissions"]:focus,
.sidebar_submission_btn:hover,
.sidebar_submission_btn:focus {
    background-color: #049648 !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: 0 1px 3px rgba(4, 150, 72, 0.25) !important;
    text-decoration: none !important;
}

/* 6. Pagination (Active & Hover States) */
.cmp_pagination .current {
    background-color: #8c181b !important;
    border-color: #8c181b !important;
    color: #ffffff !important;
}

.cmp_pagination a:hover {
    border-color: #8c181b !important;
    color: #8c181b !important;
}

/* 7. Search Icon & Buttons (NO Rounded Corners) */
.pkp_navigation_search_wrapper .pkp_search {
    transition: background-color 0.2s ease, color 0.2s ease;
    border-radius: 0 !important;
    border: none !important;
}

.pkp_navigation_search_wrapper .pkp_search:hover,
.pkp_navigation_search_wrapper .pkp_search:focus {
    background-color: #ffffff !important;
    color: #8c181b !important;
    border-radius: 0 !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* 8. Form Inputs Focus Rings */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: #8c181b !important;
    box-shadow: 0 0 0 2px rgba(140, 24, 27, 0.2) !important;
    outline: none !important;
}

/* 9. Badges & Notification Counts */
.pkp_navigation_user .task_count,
.badge,
.label-primary {
    background-color: #8c181b !important;
    color: #ffffff !important;
}

/* 10. Sidebar Images & Issue Cover Fixed Width */
img[src*="current-issue"],
img[width="100"],
.pkp_block img.issue-thumbnail,
.pkp_structure_sidebar img[width="100"] {
    width: 100px !important;
    max-width: 100px !important;
    height: auto !important;
    display: inline-block !important;
}

/* 11. APC Rates Ghost Button (No Background, No Border, Red default, Green on hover) */
.apc_text_btn,
a.apc_text_btn,
#customblock-make-a-submission a[href*="APC"],
#customblock-make-a-submission a[href*="apc"],
a[href*="APC-rates"],
a[href*="apc-rates"] {
    display: inline-block !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: #8c181b !important;
    font-weight: 400 !important;
    font-size: 0.95rem !important;
    padding: 4px 0 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.apc_text_btn:hover,
.apc_text_btn:focus,
a.apc_text_btn:hover,
a.apc_text_btn:focus,
#customblock-make-a-submission a[href*="APC"]:hover,
#customblock-make-a-submission a[href*="APC"]:focus,
#customblock-make-a-submission a[href*="apc"]:hover,
#customblock-make-a-submission a[href*="apc"]:focus,
a[href*="APC-rates"]:hover,
a[href*="APC-rates"]:focus,
a[href*="apc-rates"]:hover,
a[href*="apc-rates"]:focus {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: #049648 !important;
    text-decoration: none !important;
}