/* ===== BRJ minimal brand overrides ===== */

/* Brand */
:root{
  --bg: #fdfcfc;
  --primary: #1F6FB6;
  --primary-hover: #185A94;
  --text: #2B2B2B;
  --muted: #6E6E6E;
  --border: #E3E6EA;

  --footer-bg: #0F3E6E;
  --footer-text: #E6EEF6;
  --footer-link-hover: #4FA3D9;
}

/* Page background */
body{
  background: var(--bg);
  color: var(--text);
}

/* Header area (so your logo sits on #f7f7f7) */
.pkp_structure_head,
.pkp_structure_head .pkp_head_wrapper{
  background: var(--bg) !important;
  border-bottom: 1px solid var(--border);
}

/* Links */
a{ color: var(--primary); }
a:hover{ color: var(--primary-hover); }

/* Footer (target multiple possible wrappers, Health Sciences varies) */

.site-footer, .pkp_structure_footer,
.pkp_structure_footer_wrapper,
.pkp_structure_footer_wrapper *{
  background-color: var(--footer-bg) !important;
}

footer,
.pkp_structure_footer,
.pkp_structure_footer_wrapper{
  color: var(--footer-text) !important;
}

.pkp_structure_footer_wrapper a:hover,
.pkp_structure_footer a:hover,
footer a:hover{
  color: var(--footer-link-hover) !important;
}

/* Logo sizing (your rule, kept) */
@media (min-width: 992px){
  .navbar-logo img,
  .pkp_site_name_wrapper img{
    max-height: 75px;
    height: auto;
    width: auto;
  }
}

/* Reorder homepage blocks (Health Sciences theme) */
.container-homepage-issue.page-content{
  display: flex !important;
  flex-direction: column !important;
}

/* 1) Current issue header area */
.container-homepage-issue.page-content > .homepage-issue-current{ order: 10 !important; margin-top: 0; }
.container-homepage-issue.page-content > .homepage-issue-identifier { order: 20 !important; margin-top: 0; }
.container-homepage-issue.page-content > .homepage-issue-published{ order: 30 !important; margin-bottom: 0;}
.container-homepage-issue.page-content > .homepage-issue-header{ order: 40 !important; }

/* 2) Articles (TOC) */
.container-homepage-issue.page-content > .issue-wrapper{ order: 50 !important; }

/* 3) View all issues button */
.container-homepage-issue.page-content > .text-center{ order: 60 !important; }

/* 4) Journal information / additional content */
.container-homepage-issue.page-content > .homepage-additional-content{ order: 70 !important; }

/* 5) Announcements last */
.container-homepage-issue.page-content > .homepage-announcements{ order: 80 !important; }


/* ===== CC BY licence block (article page) ===== */
.article-details-license, .article-summary, .homepage-issue-description-wrapper {
  border: 1px solid var(--border);
  border-left: 4px solid var(--primary);
  padding: 25px;
  margin: 26px 0;
  background: #fff;
}

.homepage-issue-description-wrapper {margin: 0}

.article-details-license a[rel="license"] img{
  display: inline-block;
  vertical-align: middle;
  max-height: 28px;
  margin-right: 10px;
}

.article-details-license p{
  margin: 6px 0 0 0;
  color: var(--text);
  line-height: 1.45;
}

.article-details-license p:last-child{
  color: var(--muted);
  font-size: 0.95em;
}

.container-homepage-issue.page-content > .issue-wrapper {margin-top: 0}

/* ===== Card-like sections for homepage ===== */
.container-homepage-issue.page-content > .homepage-announcements{
  background: #ffffff;
  border: 1px solid var(--border);
  padding: 22px 22px;
  margin: 28px 0 28px 0;
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
  border-top: 4px solid var(--primary);
}

.homepage-journal-description.long-text  {-webkit-mask-image: linear-gradient(#000 0%, #000 calc(100% - 100px), #0000 100%);
    mask-image: linear-gradient(#000 0%, #000 calc(100% - 100px), #0000 100%);}

.homepage-issue-description:after {
        background-image: linear-gradient(rgba(255,255,255,0), #fff 20%);
    }
.issue-summary-cover {
    aspect-ratio: 1 / 1.41421356;}

/* Simple, clean About block */
.homepage-additional-content > .col-lg-9{
  padding:24px 28px!important;
  border:1px solid rgba(0,0,0,.10)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.06)!important;
}
.homepage-additional-content .h2{margin:0 0 15px; border-bottom:4px solid #1f6fb6!important; padding-bottom: 10px; border-image: linear-gradient(90deg, #1f6fb6, #fff) 1;}
.homepage-additional-content p{margin:8px 0!important; max-width:90ch;}

@media (max-width: 600px) {
    .pdf-return-article a {
        font-size: 0;
        -webkit-line-clamp: unset;
    }

    .pdf-return-article a::after {
        content: "← Back to article";
        font-size: 13px;
    }
}
/* ===== Browse / Categories block ===== */

.pkp_block.block_browse .title {
    margin: 0 0 12px;
    font-size: 1.35rem;
    font-weight: 500;
}

/* Remove default OJS bullets and indentation */
.pkp_block.block_browse .content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pkp_block.block_browse .content > ul > li.has_submenu {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* "Categories" label */
.pkp_block.block_browse .content > ul > li.has_submenu {
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.65);
}

/* Category list */
.pkp_block.block_browse .content > ul > li.has_submenu > ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(145px, 1fr));
    gap: 6px 22px;
    margin-top: 9px;
}

/* Restore normal font size inside links */
.pkp_block.block_browse .content > ul > li.has_submenu > ul li {
    margin: 0;
    padding: 0;
    font-size: 0.94rem;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 400;
}

/* Links */

.block_make_submission_link {float: right}

.pkp_block.block_browse .content a {
    display: block;
    position: relative;
    padding-left: 13px;

    color: rgba(255,255,255,0.92);
    text-decoration: none;
    line-height: 1.35;

    transition:
        color 0.18s ease,
        transform 0.18s ease;
}

/* Small elegant arrow */
.pkp_block.block_browse .content a::before {
    content: "›";
    position: absolute;
    left: 0;
    top: 0;
    color: rgba(255,255,255,0.45);
}

/* Hover */
.pkp_block.block_browse .content a:hover {
    color: #fff;
    text-decoration: none;
    transform: translateX(2px);
}

.pkp_block.block_browse .content a:hover::before {
    color: #fff;
}

/* Mobile */
@media (max-width: 700px) {
    .pkp_block.block_browse .content > ul > li.has_submenu > ul {
        grid-template-columns: 1fr;
        gap: 6px;
    }
}