/* ==========================================================================
   DCIDJ brand colours for the Modern Journal Theme (OJS 3.5)
   Palette taken from the journal logo:
     logo blue  #309BD6   logo orange #D96D2F
   Text and background pairs are chosen to meet WCAG AA contrast.
   To undo: remove this file under Website > Appearance > Setup > Journal style sheet.
   ========================================================================== */

html:root {
    /* brand palette */
    --dcidj-navy: #0D3B5C;        /* deep shade of the logo blue */
    --dcidj-navy-dark: #092C45;
    --dcidj-navy-mid: #164E78;
    --dcidj-blue: #309BD6;        /* logo blue (decorative / large elements) */
    --dcidj-blue-strong: #1E78B4; /* white text on it = 4.8:1 */
    --dcidj-link: #1A6FA3;        /* links on white = 5.5:1 */
    --dcidj-blue-soft: #E6F2FA;
    --dcidj-orange: #D96D2F;      /* logo orange (decorative) */
    --dcidj-orange-btn: #B9541A;  /* white text on it = 4.8:1 */
    --dcidj-orange-hover: #9E4614;
    --dcidj-orange-light: #F0A070;/* on navy = 5.5:1 */
    --dcidj-text: #1B2733;
    --dcidj-muted: #4A5A68;
    --dcidj-border: #D6E2EC;
    --dcidj-bg: #F3F7FA;

    /* map onto the theme's own variables */
    --mjt-accent: var(--dcidj-link);
    --mjt-accent-strong: var(--dcidj-navy);
    --mjt-accent-soft: var(--dcidj-blue-soft);
    --mjt-header-bg: var(--dcidj-navy);
    --mjt-header-primary-bg: var(--dcidj-navy);
    --mjt-header-secondary-bg: var(--dcidj-navy-mid);
    --mjt-nav-primary-bg: var(--dcidj-blue-strong);
    --mjt-nav-secondary-bg: var(--dcidj-link);
    --mjt-banner-overlay: var(--dcidj-navy);
    --mjt-text: var(--dcidj-text);
    --mjt-muted: var(--dcidj-muted);
    --mjt-border: var(--dcidj-border);
    --mjt-bg: var(--dcidj-bg);
}

body,
.pkp_structure_page,
.pkp_structure_content {
    background-color: var(--dcidj-bg) !important;
    color: var(--dcidj-text);
}

a { color: var(--dcidj-link); }
a:hover, a:focus-visible { color: var(--dcidj-navy); }

/* ---------- Header ---------- */
.mjt-header {
    background-color: var(--dcidj-navy) !important;
    border-bottom: 4px solid var(--dcidj-orange) !important;
}
/* clean navy gradient (no photo): darkest behind the logo so the
   logo blue and orange read clearly (logo blue on #072238 = 5.2:1),
   with a soft logo-blue glow on the right */
.mjt-masthead,
.mjt-masthead--has-bg {
    background-color: #072238 !important;
    background-image:
        radial-gradient(ellipse 60% 140% at 100% 0%, rgba(48, 155, 214, 0.28) 0%, rgba(48, 155, 214, 0) 70%),
        linear-gradient(100deg, #072238 0%, #0A3150 45%, #0D3B5C 100%) !important;
    box-shadow: none !important;
}
.mjt-search {
    background: rgba(255, 255, 255, 0.10) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
.mjt-search button,
.mjt-search [type="submit"] {
    background-color: var(--dcidj-orange-btn) !important;
    color: #fff !important;
}
.mjt-social-icon:hover,
.mjt-social-icon:focus-visible {
    background-color: var(--dcidj-orange-btn) !important;
    color: #fff !important;
}

/* menu bar */
.mjt-nav-search,
.mjt-mobile-toggle {
    background-color: var(--dcidj-blue-strong) !important;
}
.mjt-nav-search a { color: #fff !important; }
.mjt-nav-search > * > ul > li > a:hover,
.mjt-nav-search > * > ul > li > a:focus-visible,
.mjt-nav-search li.current > a,
.mjt-nav-search a[aria-current] {
    background-color: rgba(9, 44, 69, 0.35) !important;
    box-shadow: inset 0 -3px 0 var(--dcidj-orange);
}
.mjt-nav-search ul ul {
    background-color: #fff !important;
    border-top: 3px solid var(--dcidj-orange) !important;
}
.mjt-nav-search ul ul a { color: var(--dcidj-text) !important; }
.mjt-nav-search ul ul a:hover,
.mjt-nav-search ul ul a:focus-visible {
    background-color: var(--dcidj-blue-soft) !important;
    color: var(--dcidj-navy) !important;
}
.mjt-header__actions .mjt-action-link { color: #fff !important; }
.mjt-action-link--accent,
.mjt-header__actions .mjt-action-link--accent {
    background-color: var(--dcidj-navy) !important;
    border-color: var(--dcidj-navy) !important;
}

/* ---------- Hero / banner ---------- */
.mjt-hero__gradient {
    background-image: linear-gradient(90deg,
        rgba(9, 44, 69, 0.92) 0%,
        rgba(13, 59, 92, 0.70) 50%,
        rgba(13, 59, 92, 0.30) 100%) !important;
}
.mjt-hero__badge {
    background-color: rgba(217, 109, 47, 0.18) !important;
    border: 1px solid rgba(240, 160, 112, 0.6) !important;
    color: #fff !important;
}
.mjt-hero__btn--primary {
    background-color: var(--dcidj-orange-btn) !important;
    border-color: var(--dcidj-orange-btn) !important;
    color: #fff !important;
}
.mjt-hero__btn--primary:hover,
.mjt-hero__btn--primary:focus-visible {
    background-color: var(--dcidj-orange-hover) !important;
}
.mjt-announcement-slider__slide--active,
.mjt-announcement-slider a,
.mjt-announcement-slider__more { color: var(--dcidj-orange-light) !important; }
.mjt-announcement-slider__dot--active { background-color: var(--dcidj-orange) !important; }

/* ---------- Content ---------- */
.mjt-stats-bar {
    border-top: 3px solid var(--dcidj-blue) !important;
}
.mjt-stats-bar strong,
.mjt-stats-bar b { color: var(--dcidj-navy) !important; }

.mjt-section-title,
.mjt-featured-issue__title {
    color: var(--dcidj-navy) !important;
}
.mjt-section-title {
    border-bottom-color: var(--dcidj-blue) !important;
    position: relative;
}
.mjt-section-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 72px;
    height: 3px;
    background: var(--dcidj-orange);
}
.mjt-section-label { color: var(--dcidj-orange-btn) !important; }

.mjt-article-card {
    border-color: var(--dcidj-border) !important;
    border-top: 3px solid var(--dcidj-blue) !important;
}
.mjt-article-card:hover { box-shadow: 0 8px 24px rgba(13, 59, 92, 0.12) !important; }
.mjt-article-card__title,
.mjt-article-card__title a { color: var(--dcidj-navy) !important; }
.mjt-article-card__title a:hover { color: var(--dcidj-link) !important; }
[class*="mjt-badge--"]:not(.mjt-badge--editorial) {
    background-color: var(--dcidj-blue-soft) !important;
    border-color: #BFDDF0 !important;
    color: var(--dcidj-navy) !important;
}
.mjt-badge--editorial {
    background-color: var(--dcidj-orange-btn) !important;
    color: #fff !important;
}
.mjt-action-link--abstract { color: var(--dcidj-orange-btn) !important; }

/* galley buttons */
.mjt-btn--pdf  { color: var(--dcidj-orange-btn) !important; border-color: var(--dcidj-orange-btn) !important; }
.mjt-btn--html,
.mjt-btn--more { color: var(--dcidj-link) !important; border-color: var(--dcidj-link) !important; }
.mjt-btn--xml  { color: var(--dcidj-navy) !important; border-color: var(--dcidj-navy) !important; }
.mjt-btn--pdf:hover  { background-color: var(--dcidj-orange-btn) !important; color: #fff !important; }
.mjt-btn--html:hover,
.mjt-btn--more:hover { background-color: var(--dcidj-link) !important; color: #fff !important; }
.mjt-btn--xml:hover  { background-color: var(--dcidj-navy) !important; color: #fff !important; }
.mjt-btn--secondary:hover {
    border-color: var(--dcidj-link) !important;
    color: var(--dcidj-link) !important;
}

/* article page */
.mjt-article-cover img { border-left-color: var(--dcidj-orange) !important; }
.mjt-article-tab.active,
.mjt-article-tab[aria-selected="true"] {
    color: var(--dcidj-link) !important;
    border-bottom-color: var(--dcidj-orange) !important;
}
.mjt-article-tab:hover { color: var(--dcidj-navy) !important; }
.mjt-article-keyword-tag {
    color: var(--dcidj-navy) !important;
    background-color: var(--dcidj-blue-soft) !important;
    border-color: #BFDDF0 !important;
}
.mjt-galley-btn--pdf {
    color: var(--dcidj-orange-btn) !important;
    border-color: var(--dcidj-orange-btn) !important;
}
.mjt-galley-btn--pdf:hover {
    background-color: var(--dcidj-orange-btn) !important;
    color: #fff !important;
}
.mjt-viewer-btn--download {
    background-color: var(--dcidj-orange-btn) !important;
    color: #fff !important;
}
.mjt-viewer-btn--download:hover { background-color: var(--dcidj-orange-hover) !important; }

/* ---------- Sidebar ---------- */
.mjt-action-btn {
    background-image: none !important;
    color: #fff !important;
    border: 0 !important;
}
.mjt-action-btn--primary { background-color: var(--dcidj-orange-btn) !important; }
.mjt-action-btn--primary:hover,
.mjt-action-btn--primary:focus-visible { background-color: var(--dcidj-orange-hover) !important; }
.mjt-action-btn--reviewer { background-color: var(--dcidj-blue-strong) !important; }
.mjt-action-btn--reviewer:hover,
.mjt-action-btn--reviewer:focus-visible { background-color: var(--dcidj-link) !important; filter: brightness(0.9); }
.mjt-action-btn--donate { background-color: var(--dcidj-navy) !important; }
.mjt-action-btn--donate:hover,
.mjt-action-btn--donate:focus-visible { background-color: var(--dcidj-navy-dark) !important; }

.mjt-sidebar-card { border-color: var(--dcidj-border) !important; }
.mjt-sidebar-card--news h2 {
    background-color: var(--dcidj-navy) !important;
    color: #fff !important;
    border-bottom: 3px solid var(--dcidj-orange) !important;
}
.mjt-sidebar-card h2 { color: var(--dcidj-navy); }
.mjt-sidebar-card--contact h2,
.mjt-sidebar-card--accordion h2 { border-bottom-color: var(--dcidj-blue) !important; }
.mjt-sidebar-card--news a { color: var(--dcidj-link) !important; }
.mjt-sidebar-card .mjt-sidebar-read-more { color: var(--dcidj-orange-btn) !important; }
.mjt-sidebar-card svg { color: var(--dcidj-blue-strong); }
.mjt-accordion-toggle {
    background-image: none !important;
    background-color: var(--dcidj-blue-soft) !important;
    color: var(--dcidj-navy) !important;
}

/* ---------- Footer ---------- */
.mjt-footer {
    background-color: var(--dcidj-navy) !important;
    background-image: none !important;
    color: #C9DCEA !important;
    border-top: 4px solid var(--dcidj-orange) !important;
}
.mjt-footer h2,
.mjt-footer h3,
.mjt-footer h4 { color: #fff !important; }
.mjt-footer a:not(.mjt-footer__cta) { color: #C9DCEA !important; }
.mjt-footer a:not(.mjt-footer__cta):hover,
.mjt-footer a:not(.mjt-footer__cta):focus-visible {
    color: var(--dcidj-orange-light) !important;
    text-decoration: underline;
}
.mjt-footer__cta {
    background-color: var(--dcidj-orange-btn) !important;
    border-color: var(--dcidj-orange-btn) !important;
    color: #fff !important;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}
.mjt-footer__cta:hover,
.mjt-footer__cta:focus-visible { background-color: var(--dcidj-orange-hover) !important; }
.mjt-footer__bottom {
    background-color: var(--dcidj-navy-dark) !important;
    color: #B8CCDB !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.mjt-footer__bottom a { color: #B8CCDB !important; }

/* ---------- Layout: consistent side gutters ---------- */
.mjt-header__container,
.mjt-footer__inner,
.mjt-footer__bottom,
.pkp_structure_content {
    padding-left: clamp(16px, 3vw, 40px) !important;
    padding-right: clamp(16px, 3vw, 40px) !important;
    box-sizing: border-box;
}
.pkp_structure_content {
    max-width: 1440px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
}
.mjt-footer__inner {
    column-gap: clamp(24px, 4vw, 64px) !important;
    padding-top: 2.5rem !important;
    padding-bottom: 2rem !important;
}
/* keep the menu on one line on laptop-size screens */
@media (max-width: 1279px) {
    .mjt-nav__list > li > a {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}
/* footer bottom band spans the full window width */
.mjt-footer__bottom {
    box-shadow: 0 0 0 100vmax var(--dcidj-navy-dark);
    clip-path: inset(0 -100vmax);
}

/* visible keyboard focus everywhere */
a:focus-visible,
button:focus-visible,
summary:focus-visible {
    outline: 3px solid var(--dcidj-orange);
    outline-offset: 2px;
}