/* IJESPORTS site fixes (2026-10). Loaded after app.css. */

/* ---- typography: match the PDFs (Calibri body, Constantia headings), with close fallbacks ---- */
body {
    font-family: Calibri, Carlito, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
h1, h2, h3, h4, .title {
    font-family: Constantia, Cambria, Georgia, "Times New Roman", serif;
}
article h1.title { line-height: 1.25; }

/* ---- phones: justified text leaves big gaps between words on narrow screens ---- */
@media (max-width: 767.98px) {
    html body article p,
    html body article li { text-align: left !important; }
    article h1.title { font-size: 1.6rem; }
}

/* ---- HTML galley: tables, figures, references ---- */
.ijes-galley table { font-size: 0.92rem; }
.ijes-table-wrap { position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 1.25rem; }
.ijes-table-wrap > table { margin-bottom: 0; display: table; }
.ijes-scroll-hint { display: none; font-size: 0.8rem; color: #6c757d; margin: 0.25rem 0 0.4rem; }
.ijes-table-wrap.is-scrollable + .ijes-scroll-hint,
.ijes-scroll-hint.is-visible { display: block; }

.ijes-galley img.img-fluid { cursor: zoom-in; margin: 0.5rem 0 1.5rem; }
.ijes-lightbox {
    position: fixed; inset: 0; z-index: 2000; background: rgba(0, 0, 0, 0.85);
    display: flex; align-items: center; justify-content: center; padding: 1rem; cursor: zoom-out;
}
.ijes-lightbox img { max-width: 100%; max-height: 100%; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }
.ijes-lightbox__close {
    position: absolute; top: 0.6rem; right: 1rem; color: #fff; font-size: 2rem; line-height: 1;
    background: none; border: 0; cursor: pointer;
}

/* in-text citation links and the reference they point to */
.ijes-galley a.ijes-cite { text-decoration: none; }
.ijes-galley a.ijes-cite:hover { text-decoration: underline; }
.ijes-galley ol li:target { background: #fff3cd; transition: background 0.3s; }
.ijes-galley ol li { scroll-margin-top: 1rem; }
.ijes-galley h2, .ijes-galley h3 { scroll-margin-top: 1rem; }

/* ---- "On this page" contents (HTML galley, desktop) ---- */
.ijes-toc { position: sticky; top: 1rem; font-size: 0.85rem; max-height: calc(100vh - 2rem); overflow-y: auto; padding-right: 0.5rem; }
.ijes-toc__title { font-weight: 700; color: #002060; margin-bottom: 0.4rem; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.05em; }
.ijes-toc ul { list-style: none; padding-left: 0; margin: 0; }
.ijes-toc li { margin: 0.15rem 0; }
.ijes-toc li.sub { padding-left: 0.8rem; font-size: 0.8rem; }
.ijes-toc a { color: #495057; display: block; padding: 0.1rem 0 0.1rem 0.5rem; border-left: 2px solid transparent; }
.ijes-toc a:hover { color: #bd1313; text-decoration: none; }
.ijes-toc a.active { color: #bd1313; border-left-color: #bd1313; font-weight: 600; }

/* ---- cookie choice ---- */
.ijes-consent {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 1500; background: #1f2a44; color: #fff;
    padding: 0.8rem 1rem; display: flex; flex-wrap: wrap; gap: 0.6rem 1.2rem; align-items: center; justify-content: center;
    font-size: 0.9rem; box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.25);
}
.ijes-consent[hidden] { display: none; }
.ijes-consent a { color: #ffd6d6; text-decoration: underline; }
.ijes-consent__buttons { display: flex; gap: 0.5rem; }

/* ---- home page (2026-10-27) ---- */
.ijes-hero h1 { font-size: clamp(1.5rem, 2.3vw, 2.4rem); line-height: 1.15; overflow-wrap: break-word; }
.card-img-top.ijes-cover, .ijes-list-item .ijes-cover {
    height: 170px; object-fit: contain; background: #f4f6f9; padding: 6px;   /* show whole figure/table, no awkward crop */
}
.ijes-list-item .ijes-cover { height: 100%; min-height: 120px; max-height: 190px; width: 100%; }
.ijes-authors { color: #495057; margin: 0.15rem 0 0.35rem; }

/* ---- menu search ---- */
.ijes-nav-search input { width: 11rem; }
@media (max-width: 767.98px) { .ijes-nav-search input { width: 100%; } .ijes-nav-search form { width: 100%; } }

/* ---- archive filters, about page, stats ---- */
.ijes-filters label { font-size: 0.9rem; color: #495057; }
.ijes-about h3 { margin-top: 2rem; color: #002060; scroll-margin-top: 1rem; }
.ijes-about-toc a { white-space: nowrap; }
.ijes-stats { font-size: 0.95rem; }
.social-icon.ijes-x { color: inherit; display: inline-block; vertical-align: middle; }
/* keep menu labels on one line; the menu search box only where there is room */
.navbar-nav .nav-link { white-space: nowrap; }
@media (min-width: 768px) and (max-width: 1199.98px) { .ijes-nav-search { display: none; } }