/*
 * Custom CSS for Research Papers of UNWE (rp)
 * Applied on top of the Classic theme (v1_1_3-1)
 *
 * Colours:
 *   Primary   : #003D2E  (UNWE Green)
 *   Secondary : #FFFFFF  (White)
 *   Accent    : #C0C0C0  (Silver)
 *
 * Fonts:
 *   Headings  : Inter (sans-serif)
 *   Body      : Source Serif 4 (serif)
 *   UI        : Inter (sans-serif)
 */

/* ============================================================
   GOOGLE FONTS IMPORT
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap');

/* ============================================================
   TYPOGRAPHY — BASE
   ============================================================ */
body,
p,
li,
td,
th,
blockquote,
.article_summary,
.article_abstract,
.pkp_block,
.pkp_content {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1rem;
    line-height: 1.7;
    color: #1a1a1a;
}

h1, h2, h3, h4, h5, h6,
.pkp_navigation_primary,
.pkp_navigation_primary a,
.pkp_site_name,
.pkp_site_name a,
.article_title,
.issue_title,
.section_title,
.pkp_block_title,
label,
.btn,
button,
input[type="submit"],
input[type="button"] {
    font-family: 'Inter', Arial, sans-serif;
}

/* ============================================================
   HIDE LARGE COVER / HOMEPAGE IMAGE
   Classic theme renders a large journal cover image below the
   header — hidden here as it is not used for this journal.
   ============================================================ */
.pkp_structure_head .pkp_site_name_image,
.homepageImage,
.homepageImage img,
.cover_image_container,
.pkp_block_cover,
.pkp_block_cover img,
.journal_cover_container,
.journal_cover_container img,
.pkp_helpers_align_left.pkp_block img[class*="cover"],
img.pkp_block_cover,
.pkp_structure_content .homepageImage {
    display: none !important;
}

/* ============================================================
   PRIMARY COLOUR — NAVIGATION BAR
   ============================================================ */
.pkp_navigation_primary,
.pkp_navigation_primary ul,
nav.pkp_navigation_primary {
    background-color: #003D2E;
}

.pkp_navigation_primary a,
.pkp_navigation_primary li a {
    color: #FFFFFF;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.pkp_navigation_primary a:hover,
.pkp_navigation_primary li a:hover,
.pkp_navigation_primary li.current > a {
    color: #C0C0C0;
    text-decoration: none;
}

/* Dropdown menus */
.pkp_navigation_primary ul ul,
.pkp_navigation_primary .dropdown-menu {
    background-color: #002a1f;
    border-top: 2px solid #C0C0C0;
}

.pkp_navigation_primary ul ul a,
.pkp_navigation_primary .dropdown-menu a {
    color: #FFFFFF;
}

.pkp_navigation_primary ul ul a:hover,
.pkp_navigation_primary .dropdown-menu a:hover {
    background-color: #003D2E;
    color: #C0C0C0;
}

/* ============================================================
   PRIMARY COLOUR — LINKS
   ============================================================ */
a {
    color: #003D2E;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #005a44;
    text-decoration: underline;
}

/* ============================================================
   PRIMARY COLOUR — SITE HEADER / TITLE AREA
   ============================================================ */
.pkp_structure_head,
.pkp_site_name_wrapper {
    background-color: #003D2E;
}

.pkp_site_name a,
.pkp_site_name {
    color: #FFFFFF;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: 0.01em;
}

/* Journal tagline / description in header */
.pkp_site_name .tagline,
.pkp_site_name .description {
    color: #C0C0C0;
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 0.9rem;
    font-weight: 400;
}

/* ============================================================
   PRIMARY COLOUR — BUTTONS
   ============================================================ */
.pkp_button,
.btn-primary,
input[type="submit"],
.pkp_form .submitFormButton {
    background-color: #003D2E;
    border-color: #003D2E;
    color: #FFFFFF;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 600;
    border-radius: 3px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.pkp_button:hover,
.btn-primary:hover,
input[type="submit"]:hover,
.pkp_form .submitFormButton:hover {
    background-color: #005a44;
    border-color: #005a44;
    color: #FFFFFF;
}

/* Secondary / outline buttons */
.btn-default,
.pkp_button_offset {
    border-color: #003D2E;
    color: #003D2E;
    background-color: transparent;
    font-family: 'Inter', Arial, sans-serif;
}

.btn-default:hover,
.pkp_button_offset:hover {
    background-color: #003D2E;
    color: #FFFFFF;
}

/* ============================================================
   ACCENT COLOUR — BORDERS, HIGHLIGHTS, SECTION DIVIDERS
   ============================================================ */
hr,
.pkp_block + .pkp_block,
.section_divider {
    border-color: #C0C0C0;
}

/* Issue archive — volume/issue label accent */
.pkp_issue_title,
.issue_identify {
    border-left: 4px solid #C0C0C0;
    padding-left: 0.6em;
}

/* ============================================================
   ARTICLE LISTING
   ============================================================ */
.pkp_article_summary,
.article_summary {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 1.2em;
    margin-bottom: 1.2em;
}

.pkp_article_summary .title a,
.article_summary .title a {
    color: #003D2E;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 600;
    font-size: 1.05rem;
}

.pkp_article_summary .title a:hover,
.article_summary .title a:hover {
    color: #005a44;
    text-decoration: underline;
}

/* Author names */
.pkp_article_summary .authors,
.article_summary .authors {
    color: #555555;
    font-size: 0.9rem;
    font-family: 'Inter', Arial, sans-serif;
}

/* ============================================================
   SIDEBAR BLOCKS
   ============================================================ */
.pkp_block .title,
.pkp_block_title {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    color: #003D2E;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid #C0C0C0;
    padding-bottom: 0.4em;
    margin-bottom: 0.8em;
}

/* ============================================================
   FOOTER
   ============================================================ */
.pkp_structure_footer,
footer.pkp_structure_footer {
    background-color: #003D2E;
    color: #FFFFFF;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 0.85rem;
}

.pkp_structure_footer a {
    color: #C0C0C0;
}

.pkp_structure_footer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

/* ============================================================
   FORMS — INPUTS
   ============================================================ */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
    font-family: 'Inter', Arial, sans-serif;
    border-color: #C0C0C0;
    border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
    border-color: #003D2E;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 61, 46, 0.15);
}

/* ============================================================
   BREADCRUMBS
   ============================================================ */
.pkp_breadcrumbs a,
.breadcrumb a {
    color: #003D2E;
}

.pkp_breadcrumbs .separator,
.breadcrumb-item + .breadcrumb-item::before {
    color: #C0C0C0;
}

/* ============================================================
   PAGINATION
   ============================================================ */
.pkp_pagination .page_current,
.pagination .active a,
.pagination .active span {
    background-color: #003D2E;
    border-color: #003D2E;
    color: #FFFFFF;
}

.pkp_pagination a,
.pagination a {
    color: #003D2E;
    border-color: #C0C0C0;
}

.pkp_pagination a:hover,
.pagination a:hover {
    background-color: #f0f0f0;
    color: #003D2E;
}

/* ============================================================
   ARTICLE DETAIL PAGE
   ============================================================ */
.article_details .title,
h1.page_title {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 700;
    color: #003D2E;
    line-height: 1.3;
}

.article_details .authors {
    font-family: 'Inter', Arial, sans-serif;
    color: #444444;
}

.article_details .abstract,
.article_abstract {
    font-family: 'Source Serif 4', Georgia, serif;
    font-size: 1rem;
    line-height: 1.75;
    border-left: 4px solid #C0C0C0;
    padding-left: 1em;
    color: #333333;
}

/* Galley links (PDF, HTML) */
.pkp_galley_link,
.galley_link,
.obj_galley_link {
    background-color: #003D2E;
    color: #FFFFFF;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0.3em 0.8em;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    margin: 0.2em 0.2em 0.2em 0;
    transition: background-color 0.2s ease;
}

.pkp_galley_link:hover,
.galley_link:hover,
.obj_galley_link:hover {
    background-color: #005a44;
    color: #FFFFFF;
    text-decoration: none;
}

/* ============================================================
   LANGUAGE TOGGLE
   ============================================================ */
.pkp_navigation_user .locale_toggle,
.pkp_language_toggle a {
    color: #C0C0C0;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 0.85rem;
}

.pkp_navigation_user .locale_toggle:hover,
.pkp_language_toggle a:hover {
    color: #FFFFFF;
}

/* ============================================================
   RESPONSIVE — MOBILE NAVIGATION
   ============================================================ */
@media (max-width: 767px) {
    .pkp_navigation_primary {
        background-color: #003D2E;
    }

    .pkp_navigation_primary .navbar-toggle,
    .pkp_navigation_primary button.navbar-toggler {
        border-color: #C0C0C0;
        color: #FFFFFF;
    }

    .pkp_navigation_primary .navbar-toggle .icon-bar,
    .pkp_navigation_primary .navbar-toggler-icon {
        background-color: #FFFFFF;
    }
}

/* ============================================================
   UTILITY — SELECTION HIGHLIGHT
   ============================================================ */
::selection {
    background-color: #003D2E;
    color: #FFFFFF;
}

::-moz-selection {
    background-color: #003D2E;
    color: #FFFFFF;
}