/*
 * enhancements.css — added 14 Nov 2026 (Kaila). Loaded last, after all other styles.
 * Accessibility (skip link, subtle keyboard focus), Audio Bible book toggles.
 * Nav link colours are NOT touched here: the bright-to-dim fade is intentional (Sky).
 * Revert: remove the <link> to this file in includes/header.php (see kaila-home/README.md).
 */

/* ---------- Skip link ---------- */
.skip-link {
    position: absolute;
    left: 0.75rem;
    top: -4rem;
    z-index: 20000;
    padding: 0.6rem 1rem;
    border-radius: 10px;
    background: #e8c56a;
    color: #1a1205;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
.skip-link:focus,
.skip-link:focus-visible {
    top: 0.75rem;
    outline: 2px solid #fff3cf;
    outline-offset: 2px;
}
#main-content:focus { outline: none; }

/* ---------- Keyboard focus: subtle gold ring, only for keyboard users ---------- */
.brand:focus-visible,
.nav-toggle:focus-visible,
.site-nav a:focus-visible,
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
.verse-ticker-link:focus-visible,
a.donate-card-link:focus-visible {
    outline: 2px solid rgba(232, 197, 106, 0.75) !important;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Search and text fields: a soft visible focus instead of outline:none */
.tr-search:focus,
.bible-search:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
    outline: 2px solid rgba(232, 197, 106, 0.55);
    outline-offset: 1px;
}

/* ---------- Audio Bible: book headers that open on demand ---------- */
.tr-book-title .tr-book-toggle {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
.tr-book-toggle::before {
    content: "\25B8";
    color: rgba(212, 168, 75, 0.7);
    font-size: 0.8em;
    margin-right: -0.4rem;
    transition: transform 0.15s ease;
}
.tr-book.is-open .tr-book-toggle::before { transform: rotate(90deg); }
.tr-book-name { flex: 1 1 auto; }
.tr-book-toggle:hover .tr-book-name { color: #e8c56a; }
.tr-book { margin-bottom: 0.5rem; }
.tr-book.is-open { margin-bottom: 1.25rem; }
.tr-track-list[hidden] { display: none !important; }
.tr-library.is-loading { cursor: progress; }