/*
 * INATGI Theme Six — unified journal information page system
 * 2026-10-01
 *
 * Scope: About, Publication Policies, Abstracting & Indexing, Special Issue.
 * The JS companion adds .inatgi-unified-page only on these public routes.
 * All colours are derived from the current journal's Theme Six palette.
 */

.inatgi-unified-page {
    --inatgi-ui-accent: var(--inatgi-button, #246494);
    --inatgi-ui-heading: var(--inatgi-topbar, #15537F);
    --inatgi-ui-heading-2: var(--inatgi-header, #1E6292);
    --inatgi-ui-link: var(--inatgi-link, #19527D);
    --inatgi-ui-text: #526873;
    --inatgi-ui-text-soft: #657680;
    --inatgi-ui-white: #ffffff;
    --inatgi-ui-surface: #fbfcfc;
    --inatgi-ui-surface-2: #f7f9fa;
    --inatgi-ui-border: #dde6e9;
    --inatgi-ui-shadow: 0 3px 12px rgba(31, 55, 72, 0.035);
}

@supports (color: color-mix(in srgb, #000 10%, #fff)) {
    .inatgi-unified-page {
        --inatgi-ui-surface: color-mix(in srgb, var(--inatgi-ui-heading-2) 3%, #ffffff);
        --inatgi-ui-surface-2: color-mix(in srgb, var(--inatgi-ui-heading-2) 5%, #ffffff);
        --inatgi-ui-border: color-mix(in srgb, var(--inatgi-ui-heading-2) 15%, #ffffff);
    }
}

/* Shared page shell ------------------------------------------------------ */
.inatgi-unified-page .inatgi-page-shell {
    max-width: 1040px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    color: var(--inatgi-ui-text) !important;
}

.inatgi-unified-page .inatgi-page-shell p,
.inatgi-unified-page .inatgi-page-shell li,
.inatgi-unified-page .inatgi-page-shell span,
.inatgi-unified-page .inatgi-page-shell div {
    text-shadow: none !important;
}

/* Hero ------------------------------------------------------------------ */
.inatgi-unified-page .inatgi-page-hero {
    background: var(--inatgi-ui-surface) !important;
    border: 1px solid var(--inatgi-ui-border) !important;
    border-top: 4px solid var(--inatgi-ui-accent) !important;
    border-radius: 12px !important;
    box-shadow: var(--inatgi-ui-shadow) !important;
}

.inatgi-unified-page .inatgi-page-hero > div[style*="position: absolute"][style*="height: 5px"] {
    display: none !important;
}

.inatgi-unified-page .inatgi-page-hero > div[style*="text-transform: uppercase"] {
    color: var(--inatgi-ui-accent) !important;
}

.inatgi-unified-page .inatgi-page-hero > div[style*="font-size: 29px"],
.inatgi-unified-page .inatgi-page-hero > div[style*="font-size: 30px"],
.inatgi-unified-page .inatgi-page-hero > div[style*="font-size: 31px"],
.inatgi-unified-page .inatgi-page-hero > div[style*="font-size: 32px"],
.inatgi-unified-page .inatgi-page-hero h1,
.inatgi-unified-page .inatgi-page-hero h2 {
    color: var(--inatgi-ui-heading) !important;
}

.inatgi-unified-page .inatgi-page-hero > div[style*="line-height: 1.75"],
.inatgi-unified-page .inatgi-page-hero > div[style*="line-height: 1.78"],
.inatgi-unified-page .inatgi-page-hero p {
    color: var(--inatgi-ui-text) !important;
}

/* Section bands --------------------------------------------------------- */
.inatgi-unified-page .inatgi-section-band {
    background: var(--inatgi-ui-surface-2) !important;
    border-bottom: 2px solid var(--inatgi-ui-border) !important;
}

.inatgi-unified-page .inatgi-section-band > div[style*="text-transform: uppercase"] {
    color: var(--inatgi-ui-accent) !important;
}

.inatgi-unified-page .inatgi-section-band > div[style*="font-size: 19px"],
.inatgi-unified-page .inatgi-section-band > div[style*="font-size: 20px"],
.inatgi-unified-page .inatgi-section-band > div[style*="font-size: 21px"],
.inatgi-unified-page .inatgi-section-band > div[style*="font-size: 22px"],
.inatgi-unified-page .inatgi-section-band > h2,
.inatgi-unified-page .inatgi-section-band > h3 {
    color: var(--inatgi-ui-heading) !important;
}

/* Cards ----------------------------------------------------------------- */
.inatgi-unified-page .inatgi-content-card {
    background: #ffffff !important;
    border-color: var(--inatgi-ui-border) !important;
    box-shadow: var(--inatgi-ui-shadow) !important;
}

.inatgi-unified-page .inatgi-content-card p,
.inatgi-unified-page .inatgi-content-card li {
    color: var(--inatgi-ui-text) !important;
}

.inatgi-unified-page .inatgi-content-card strong,
.inatgi-unified-page .inatgi-content-card div[style*="font-weight: 700"] {
    text-shadow: none !important;
}

/* Callouts -------------------------------------------------------------- */
.inatgi-unified-page .inatgi-callout {
    background: var(--inatgi-ui-surface-2) !important;
    border-left-color: var(--inatgi-ui-accent) !important;
    box-shadow: none !important;
}

.inatgi-unified-page .inatgi-callout p,
.inatgi-unified-page .inatgi-callout div {
    color: var(--inatgi-ui-text) !important;
}

/* Padded action links become pale outline controls ---------------------- */
.inatgi-unified-page .inatgi-soft-action {
    background: var(--inatgi-ui-surface-2) !important;
    border: 1px solid var(--inatgi-ui-border) !important;
    color: var(--inatgi-ui-heading) !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.inatgi-unified-page .inatgi-soft-action:hover,
.inatgi-unified-page .inatgi-soft-action:focus {
    background: #ffffff !important;
    border-color: var(--inatgi-ui-accent) !important;
    color: var(--inatgi-ui-heading) !important;
    text-decoration: none !important;
}

/* Small status / service / length labels -------------------------------- */
.inatgi-unified-page .inatgi-soft-badge {
    background: var(--inatgi-ui-surface-2) !important;
    border: 1px solid var(--inatgi-ui-border) !important;
    color: var(--inatgi-ui-heading) !important;
    box-shadow: none !important;
}

/* Neutralise legacy saturated blocks left in older Source Code ---------- */
.inatgi-unified-page .inatgi-page-shell div[style*="background: #173a4f"],
.inatgi-unified-page .inatgi-page-shell div[style*="background:#173a4f"],
.inatgi-unified-page .inatgi-page-shell div[style*="background: #214f63"],
.inatgi-unified-page .inatgi-page-shell div[style*="background:#214f63"] {
    background: var(--inatgi-ui-surface-2) !important;
}

.inatgi-unified-page .inatgi-page-shell div[style*="background: #173a4f"] > div,
.inatgi-unified-page .inatgi-page-shell div[style*="background:#173a4f"] > div,
.inatgi-unified-page .inatgi-page-shell div[style*="background: #173a4f"] > p,
.inatgi-unified-page .inatgi-page-shell div[style*="background:#173a4f"] > p {
    color: var(--inatgi-ui-heading) !important;
}

/* About page key-information tiles -------------------------------------- */
.inatgi-unified-page--about .inatgi-page-shell div[style*="grid-template-columns: repeat(auto-fit, minmax(210px"] > div {
    background: var(--inatgi-ui-surface-2) !important;
    border-color: var(--inatgi-ui-border) !important;
}

/* Abstracting & Indexing service tags ----------------------------------- */
.inatgi-unified-page--abstracting-indexing .inatgi-page-shell span[style*="font-weight: 700"] {
    background: var(--inatgi-ui-surface-2) !important;
    border-color: var(--inatgi-ui-border) !important;
    color: var(--inatgi-ui-heading) !important;
}

/* Publication policy cards: keep all cards white and buttons pale ------- */
.inatgi-unified-page--publication-policies .inatgi-content-card {
    background: #ffffff !important;
}

/* Special Issue: status and submission controls stay identifiable but soft */
.inatgi-unified-page--special-issue .inatgi-soft-badge,
.inatgi-unified-page--special-issue .inatgi-soft-action {
    background: var(--inatgi-ui-surface-2) !important;
    color: var(--inatgi-ui-heading) !important;
}

/* Responsive ------------------------------------------------------------ */
@media (max-width: 700px) {
    .inatgi-unified-page .inatgi-page-hero {
        padding: 24px 20px !important;
    }

    .inatgi-unified-page .inatgi-page-shell {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}