/* =========================================================
   HEADER FIXES  (v3 — full-width targeting)
   In the Default theme the DARK colour sits on .pkp_structure_head
   (the full-width outer element). .pkp_head_wrapper is only the
   centered inner column — that's why earlier the orange showed
   only in the middle. So the orange must go on the OUTER element,
   and the nav row must be made transparent so it doesn't re-cover
   the sides with dark.
   ---------------------------------------------------------
   Colour-pick your banner and change the 3 orange stops to match.
   ========================================================= */

/* Orange ruler-tick PATTERN on the FULL-WIDTH header element.
   header-pattern.png is a seamless tile cut from your banner.
   Upload it as the Journal Style Sheet's sibling (see notes) and
   reference it by the correct URL below. */
.pkp_structure_head {
    background-color: #c96605 !important;   /* fallback orange behind the tile */
    background-image: url('header-pattern.png') !important;
    background-repeat: repeat-x !important;
    background-position: center center !important;
    background-size: 300px 100% !important;  /* tile width fixed, height fills header */
    border-bottom: none !important;
}

/* Make EVERY inner header layer transparent so the orange shows
   through instead of the dark bands re-covering the sides */
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
.pkp_navigation_user_wrapper,
.pkp_navigation_user,
.pkp_site_nav_menu,
.pkp_nav_bar {
    background: transparent !important;
}

/* Breathing room around the banner — tightened to match ABC2 */
.pkp_head_wrapper {
    padding-top: 10px !important;
    padding-bottom: 2px !important;
}
/* Minimise the gap below the nav menu (ABC2-style compact) */
.pkp_navigation_primary_row,
.pkp_site_nav_menu {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-bottom: 0 !important;
}
/* Trim space between the header and the page content below */
.pkp_structure_content,
.pkp_structure_main {
    padding-top: 8px !important;
}

/* Hide the journal-name text — banner image only */
.pkp_structure_head h1,
.pkp_head_wrapper .pkp_site_name_text,
.pkp_site_name .pkp_site_name_text,
.pkp_site_name a.is_text {
    display: none !important;
}

/* Banner image: bigger, full width, no dark box */
.pkp_site_name .is_img img,
.header-logo img {
    max-height: 160px !important;   /* ADJUST for banner size */
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin-top: 10px !important;    /* nudge banner down */
}

/* Nav + username links: WHITE so they read on the orange header
   (matches the ABC2 white-on-colour look). */
.pkp_structure_head nav a,
.pkp_navigation_primary a,
.pkp_navigation_user a,
.pkp_navigation_user,
.pkp_structure_head nav a:link,
.pkp_structure_head nav a:visited {
    color: #ffffff !important;
}

/* EXCEPTION: dropdown submenus have a WHITE background, so their
   links must be dark/blue to stay readable (ABC2-style). This
   overrides the white-text rule above for opened dropdowns. */
.pkp_navigation_primary ul ul a,
.pkp_navigation_user ul a,
.pkp_navigation_primary li:hover > ul a,
.pkp_navigation_user li:hover > ul a,
.pkp_dropdown_content a,
ul.pkp_navigation_user_menu a {
    color: #006798 !important;   /* ABC2 blue */
    background: #ffffff !important;
}
/* Dropdown hover state — light grey bg, keep blue text */
.pkp_navigation_primary ul ul a:hover,
.pkp_navigation_user ul a:hover,
.pkp_dropdown_content a:hover,
ul.pkp_navigation_user_menu a:hover {
    color: #006798 !important;
    background: #e6e6e6 !important;
}


/* =========================================================
   MOBILE NAV — keep dark so the open hamburger menu is readable
   ========================================================= */
@media (max-width: 767px) {
    .pkp_navigation_primary,
    .pkp_navigation_primary ul,
    .pkp_navigation_user ul,
    .pkp_site_nav_menu {
        background: #363636 !important;
    }
    .pkp_navigation_primary a,
    .pkp_navigation_user ul a {
        color: #ffffff !important;
    }
}


/* =========================================================
   ORIGINAL STYLES BELOW (unchanged; old header #363636 rule
   removed since the orange block above now owns the header)
   ========================================================= */

/* Make a Submission button - same strong red hover */
.pkp_block.block_make_submission a,
.block_make_submission .cmp_button {
    transition: all 0.2s ease !important;
}

/* STRONG RED hover effect for Make a Submission */
.pkp_block.block_make_submission a:hover,
.block_make_submission .cmp_button:hover {
    background: #363636 !important;
    border-color: #363636 !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 8px rgba(146, 0, 0, 0.3) !important;
}

/* Galley download buttons - BLUE normally, RED strong hover */
.obj_galley_link,
.download_link,
.obj_issue_toc .galleys_links a,
a[href*="download"] {
    display: inline-block;
    padding: 0.35rem 0.9rem;
    border-radius: 4px;
    border: 1px solid #006798 !important;
    background: #e6e6e6 !important;
    color: #006798 !important;
    font-size: 0.8rem;
    font-weight: 700 !important;  /* Bold text */
    line-height: 1.2;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* STRONG RED hover effect for download buttons */
.obj_galley_link:hover,
.download_link:hover,
.obj_issue_toc .galleys_links a:hover,
a[href*="download"]:hover {
    background: #363636 !important;
    border-color: #363636 !important;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: 900 !important;
    transform: scale(1.05);
}
.obj_issue_toc .published {
    display: none;
}

/* =========================
   FOOTER — CLEAN + SLIM
   ========================= */

/* Main footer container — flat orange (matches header base) */
.pkp_structure_footer {
    background-color: #c96605 !important;
    width: 100%;
    margin: 0;
    padding: 0;

    /* Flexible — but slim */
    height: auto !important;
    min-height: 70px !important;

    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Footer wrappers — remove white gaps, flat orange */
.pkp_structure_footer_wrapper,
.pkp_site_footer {
    background: #c96605 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Footer text block */
.pkp_structure_footer .pkp_footer_content {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #ffffff !important;
}

/* Smaller footer text */
.pkp_structure_footer .pkp_footer_content,
.pkp_structure_footer .pkp_footer_content p,
.pkp_structure_footer .pkp_footer_content a {
    font-size: 0.85rem !important;
    color: #ffffff !important;
}

/* Reduce internal spacing */
.pkp_structure_footer * {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Logo in footer — smaller */
.pkp_brand_footer img {
    max-height: 60px !important;
}

/* Remove extra page padding */
.pkp_structure_page {
    padding-bottom: 0 !important;
}

/* Match page background to footer so no white band (flat orange) */
body,
.pkp_site,
.pkp_structure_footer_wrapper,
.pkp_site_footer {
    background-color: #c96605 !important;
}

/* Keep site content white */
.pkp_structure_main,
.pkp_structure_content,
.pkp_structure_page {
    background-color: #ffffff !important;
}

/* Default (mobile) — centered, no shift */
.pkp_structure_footer .pkp_footer_content {
    text-align: center !important;
    position: relative;
    left: 0;
}

/* Desktop only — shift left 80px */
@media (min-width: 768px) {
    .pkp_structure_footer .pkp_footer_content {
        left: -150px;
    }
}

/* Hide only the About the Journal title on homepage */
.homepage_about h2 {
    display: none !important;
}

/* FORCE sidebar labels to be bold */
.obj_article_details .entry_details .label {
    font-size: 1rem;
    font-weight: 900 !important;   /* stronger + force it */
    color: #000;
    margin-bottom: 2px;
}

/* Smaller label text for Abstract + Keywords */
.obj_article_details .item.abstract .label,
.obj_article_details .item.keywords .label {
    font-size: 0.52em;
    font-weight: 550; /* adjust if you want lighter */
}

/* If you also want the content smaller */
.obj_article_details .item.abstract .value,
.obj_article_details .item.keywords .value {
    font-size: 0.95em;
    line-height: 1.4;
}

.corresponding-email {
    font-weight: normal !important;
}

/* Reduce vertical spacing in sidebar blocks */
.entry_details .item,
.entry_details .sub_item {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

/* Reduce space under labels */
.entry_details .item .label,
.entry_details .sub_item .label {
    margin-bottom: 0.1rem !important;
}

/* Compact value text */
.entry_details .item .value,
.entry_details .sub_item .value {
    margin-top: 0;
}

/* Reduce size of sidebar labels (Published, Issue, Section, License, etc.) */
.entry_details .item .label,
.entry_details .sub_item .label {
    font-size: 0.3rem;
    font-weight: 350;
    line-height: 1;
    margin-bottom: 0.25rem;
}

/* Optional: reduce spacing between label + value */
.entry_details .item .value,
.entry_details .sub_item .value {
    font-size: 0.9rem;
}

/* Meta bar layout */
.article-meta-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin: 0.5rem 0 1rem;
}

/* Meta boxes - BLUE */
.article-meta-pill {
    display: inline-block;
    padding: 0.35rem 0.9rem;
    border-radius: 4px;
    border: 1px solid #006798;
    background: #e6e6e6;
    color: #006798;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.2;
}

/* Optional: subtle hover */
.article-meta-pill:hover {
    background: #dadada;
}

/* Smaller article title */
h1.page_title {
    font-size: 1.6rem;   /* try 1.4–1.8 until you like it */
    line-height: 1.25;
    margin-bottom: 0.25rem;
}

.title {
    font-size: 16px !important; /* Adjust this value as needed */
}

.custom_block {
  background: #f7f7f7;
  padding: 15px;
  border: 1px solid #ddd;
  margin-bottom: 1em;
  border-radius: 4px;
}

.block-title {
  font-weight: bold;
  margin-bottom: 10px;
}

.block-content {
  list-style-type: none;
  padding-left: 0;
}

.block-content li {
  margin-bottom: 5px;
}

.block-content li a {
  text-decoration: none;
  color: #333;
}

.block-content li a:hover {
  text-decoration: underline;
}

.submission-checklist {
    font-family: inherit; /* Inherits from the website's body font */
    font-size: inherit; /* Ensures consistency in size */
    color: inherit; /* Matches the website's text color */
}

.side-menu {
    padding-left: 0;   /* Removes internal padding */
    margin-left: 0;    /* Removes external margin */
    text-align: left;  /* Ensures text is left-aligned */
}

.side-menu li a {
    display: block;
    padding: 10px;    /* Adjusts internal link padding */
    text-decoration: none;
}

.side-menu {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    white-space: normal;
}

.image-right {
    float: right;
    margin: 0 0 10px 15px;
}

.pkp_site_name_wrapper {
    display: block;
    width: 100% !important;
}

.header-logo img {
    padding: 0 !important;
    margin: 0 !important;
}

h2 {
    font-size: 16px !important;
}

h1 {
    font-size: 28px !important;
}
h2 {
    font-size: 16px !important;
}

/* FONTS: match ABC2 — use the OJS Default theme's stock font stack
   (no Roboto override). Keep a modest body size. */
body {
    font-size: 16px !important;
}

/* Journal name text stays hidden (banner image shown instead),
   but keep the size rule harmless in case it's re-enabled later. */
.pkp_structure_head h1 {
    font-size: 32px !important;
}

/* Menu items — theme default font, ABC2-like size */
.pkp_structure_head nav a {
    font-size: 15px !important;
}