/**
 * Nova Template – style.css
 *
 * Tailwind CDN handles utilities. This file covers:
 *   – CMS-generated pagination HTML (.pagination nav)
 *   – Admin bar offset
 *   – Focus / accessibility styles
 *   – Print styles
 */

/* ── Reset ───────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

/* ── Pagination ──────────────────────────────────────────────── */
/* Output by Helpers::pagination() → <nav class="pagination"><ul>…</ul></nav> */
.pagination {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
}
.pagination ul {
    display: flex;
    align-items: center;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.pagination ul li a,
.pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #c6c5d7;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #454655;
    text-decoration: none;
    transition: all 0.15s ease;
    line-height: 1;
}
.pagination ul li a:hover {
    background: #f1f3ff;
    border-color: #3d4ad8;
    color: #3d4ad8;
}
.pagination ul li.active a,
.pagination ul li.active a:hover {
    background: #3d4ad8;
    border-color: #3d4ad8;
    color: #fff;
}
.pagination ul li span {
    border-color: transparent;
    color: #c6c5d7;
    cursor: default;
}

/* ── Admin bar offset ────────────────────────────────────────── */
body.has-admin-bar {
    padding-top: 40px !important;
}
body.has-admin-bar header {
    top: 40px;
}

/* ── Focus / accessibility ───────────────────────────────────── */
:focus-visible {
    outline: 2px solid #3d4ad8;
    outline-offset: 2px;
    border-radius: 2px;
}

/* ── Anchor scroll offset (sticky header = 64px + 16px gap) ──── */
[id] { scroll-margin-top: 88px; }

/* ── Selection colour ────────────────────────────────────────── */
::selection {
    background: #3d4ad820;
    color: #141b2b;
}

/* ── Smooth scroll ───────────────────────────────────────────── */
@media (prefers-reduced-motion: no-preference) {
    html { scroll-behavior: smooth; }
}

/* ── Print ───────────────────────────────────────────────────── */
@media print {
    header, footer, nav, .pagination, #nova-mobile-nav { display: none !important; }
    body { background: #fff !important; color: #000 !important; font-size: 12pt; }
    .nova-prose { font-size: 12pt; line-height: 1.6; color: #000; max-width: 100%; }
    a { color: #000; text-decoration: underline; }
}