/*
   KJV Audio Bible - Home Screen / standalone web-app helpers v1.1
   Normal browser mode remains unchanged unless specifically noted below.
*/

:root {
    --kjv-safe-top: env(safe-area-inset-top, 0px);
    --kjv-safe-right: env(safe-area-inset-right, 0px);
    --kjv-safe-bottom: env(safe-area-inset-bottom, 0px);
    --kjv-safe-left: env(safe-area-inset-left, 0px);
}

/* Keep only the outer HTML shell dark. Do NOT force the page body dark. */
html.kjv-webapp-ios-standalone {
    min-height: 100%;
    min-height: 100dvh;
    background: #020914;
}

html.kjv-webapp-ios-standalone body {
    min-height: 100%;
    min-height: 100dvh;
}

html.kjv-webapp-ios-standalone .kjv-fullscreen-reader {
    min-height: 100vh;
    min-height: 100dvh;
}

/* Keep chapter playback controls on one line, including active/playing state. */
.kjv-chapter-heading [data-play-chapter] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    white-space: nowrap;
}

.kjv-chapter-heading [data-play-chapter] > * {
    flex: 0 0 auto;
}

/* Install-app help dialog used on Apple mobile devices. */
.kjv-install-help-overlay {
    position: fixed;
    inset: 0;
    z-index: 20000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(18px, var(--kjv-safe-top)) max(18px, var(--kjv-safe-right)) max(18px, var(--kjv-safe-bottom)) max(18px, var(--kjv-safe-left));
    background: rgba(0, 7, 18, .72);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.kjv-install-help {
    position: relative;
    width: min(500px, 100%);
    padding: 28px;
    color: #fff;
    background: linear-gradient(180deg, #071a31 0%, #041326 100%);
    border: 1px solid rgba(122,157,197,.48);
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(0,0,0,.48);
}

.kjv-install-help h2 {
    margin: 8px 32px 12px;
    color: #fff;
    font-size: 1.35rem;
    text-align: center;
}

.kjv-install-help p,
.kjv-install-help li {
    color: rgba(235,243,251,.86);
}

.kjv-install-help ol {
    margin: 18px 0 22px;
    padding-left: 1.4rem;
}

.kjv-install-help li + li {
    margin-top: 8px;
}

.kjv-install-help-icon {
    color: #16a9ff;
    font-size: 2rem;
    text-align: center;
}

.kjv-install-help-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    color: rgba(255,255,255,.86);
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 9px;
}

.kjv-install-help-close:hover,
.kjv-install-help-close:focus-visible {
    color: #fff;
    background: rgba(255,255,255,.12);
}

.kjv-install-help-done {
    display: block;
    min-width: 120px;
    margin: 0 auto;
}

@media (max-width: 575.98px) {
    .kjv-install-help { padding: 24px 20px; }
    .kjv-install-help h2 { font-size: 1.18rem; }
}