/* ===== Modern Depth — shared page styling ===== */
/* Theme-aware (DaisyUI 5 OKLCH tokens). Used by scripture home/search/read. */

.md-root {
  position: relative;
  min-height: calc(100vh - 4rem);
}

.md-mesh {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(
      42% 26% at 8% 2%,
      color-mix(in oklch, var(--color-primary) 38%, transparent),
      transparent 70%
    ),
    radial-gradient(
      46% 28% at 96% 10%,
      color-mix(in oklch, var(--color-secondary) 34%, transparent),
      transparent 70%
    ),
    radial-gradient(
      54% 40% at 78% 100%,
      color-mix(in oklch, var(--color-accent) 30%, transparent),
      transparent 72%
    );
  filter: blur(10px);
}

.md-inner {
  position: relative;
  z-index: 1;
}

.md-title {
  font-family: "Kanit", "NotoSansThai", sans-serif;
  font-weight: 700;
}

/* Glass-ish surface card */
.md-card {
  background: var(--color-base-100);
  border: 1px solid color-mix(in oklch, var(--color-base-content) 12%, transparent);
  border-radius: 1.25rem;
  box-shadow: 0 14px 34px -16px
      color-mix(in oklch, var(--color-base-content) 26%, transparent),
    0 3px 8px -5px color-mix(in oklch, var(--color-base-content) 16%, transparent);
}

.md-orb {
  display: grid;
  place-items: center;
  background: var(--color-primary);
  color: var(--color-primary-content);
  box-shadow: 0 10px 24px -8px
    color-mix(in oklch, var(--color-primary) 70%, transparent);
}

/* Reading layout and navigation share the current DaisyUI theme. */
.bible-shell { width: 100%; min-width: 0; }
.bible-main { padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px)); }
.bible-sidebar { border-right: 1px solid var(--color-base-200); }
.bible-sidebar [data-page].nav-current,
.navigation-menu-item.nav-current {
  background: color-mix(in oklch, var(--color-primary) 12%, var(--color-base-100));
  color: var(--color-primary);
  box-shadow: inset 3px 0 var(--color-primary);
}
.bible-bottom-nav {
  position: fixed;
  inset: auto 0 0;
  z-index: 50;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0.35rem 0.5rem calc(0.35rem + env(safe-area-inset-bottom, 0px));
  background: var(--color-base-100);
  border-top: 1px solid var(--color-base-300);
}
.bible-bottom-nav button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-height: 52px;
  font-size: 0.75rem;
  border-radius: 0.75rem;
  cursor: pointer;
}
.bible-bottom-nav i { font-size: 1.15rem; }
.bible-bottom-nav .nav-current {
  background: color-mix(in oklch, var(--color-primary) 10%, var(--color-base-100));
  color: var(--color-primary);
  font-weight: 700;
}
.navigation-menu-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  min-height: 52px;
  padding: 0.75rem;
  border-radius: 0.75rem;
  cursor: pointer;
  text-align: start;
}
.navigation-menu-item:hover { background: var(--color-base-200); }
.bible-shell :is(button, a, input, select, summary):focus-visible,
#verse-action-bar button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
}
.reader-root .md-mesh { display: none; }
.reader-inner { max-width: 52rem; margin-inline: auto; }
.reader-picker { box-shadow: none; border-radius: 1rem; }
.reader-fields { display: grid; grid-template-columns: 2fr 1fr 1fr auto; gap: 0.75rem; }
.reader-fields > * { min-width: 0; }
.reader-fields .label { display: block; padding-bottom: 0.4rem; font-size: 0.875rem; }
.reader-fields :is(input, select, button), .reader-version { min-height: 44px; }
.reader-version { max-width: min(40vw, 20rem); }
.reader-root #scripture-display { margin-top: 1rem; }
.reader-root #scripture-content { line-height: 1.9; overflow-wrap: break-word; }
.reader-root #scripture-content .verse-number { font-size: 0.65em; color: var(--color-primary); }
.reader-root .verse-container.bookmarked {
  background: color-mix(in oklch, var(--color-warning) 14%, var(--color-base-100));
  border-left-color: var(--color-warning);
}
.reader-text-settings { border-bottom: 1px solid var(--color-base-200); padding-bottom: 0.5rem; }
.reader-text-settings summary {
  display: flex; align-items: center; gap: 0.6rem;
  width: fit-content; min-height: 44px; padding: 0.5rem 0.75rem;
  border-radius: 0.75rem; cursor: pointer;
}
.reader-text-settings summary:hover { background: var(--color-base-200); }
.reader-text-settings[open] summary { margin-bottom: 0.75rem; color: var(--color-primary); }
.reader-text-settings .btn { min-height: 44px; }
.continue-reading {
  display: flex; align-items: center; gap: 1rem;
  width: 100%; padding: 1.25rem; margin-bottom: 1.5rem;
  border: 1px solid color-mix(in oklch, var(--color-primary) 25%, transparent);
  border-radius: 1rem; text-align: start; cursor: pointer;
  background: var(--color-primary); color: var(--color-primary-content);
}
.continue-reading:hover { filter: brightness(1.06); }
.continue-reading-copy { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 0.3rem; }
.continue-reading-icon { font-size: 1.4rem; }
#verse-action-bar { bottom: calc(4rem + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 640px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  body > main { width: 100%; max-width: none; }
  #content {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0 !important;
  }
  .bible-shell, .bible-main, .md-root, .md-inner { min-width: 0; max-width: 100%; }
  .bible-main { width: 100%; margin-bottom: 0; }
  .md-inner { padding-inline: 1rem; }
  .reader-inner { width: 100%; }
  .reader-root .md-inner > .flex:first-of-type,
  .md-root:not(.reader-root) .md-inner > .flex:first-of-type {
    flex-wrap: wrap;
    gap: 0.75rem;
  }
  .reader-version,
  .md-root #version-select {
    width: min(10.5rem, 44vw);
    max-width: 100%;
  }
  .reader-fields { grid-template-columns: 1fr 1fr auto; }
  .reader-fields > .form-control:nth-child(2) { grid-column: 1 / -1; }
  .reader-fields > .form-control:last-child { align-self: end; }
  .reader-root .md-title { font-size: 1.25rem; }
  .reader-root .md-orb { display: none; }
  .home-root .cards-container .expanded .card-content { padding: 1.25rem !important; }
  .home-root .expanded .verse-text { font-size: 1.25rem !important; line-height: 1.7 !important; }
  .home-root .expanded .verse-ref { font-size: 1rem !important; }
  .bible-bottom-nav { padding-inline: max(0.5rem, env(safe-area-inset-left, 0px)); }
  .modal-box { max-width: calc(100vw - 2rem); max-height: calc(100dvh - 2rem); overflow-y: auto; }
}
@media (max-width: 380px) {
  .md-inner { padding-inline: 0.75rem; }
  .reader-fields { grid-template-columns: 1fr 1fr; }
  .reader-fields > .form-control:last-child { grid-column: 1 / -1; }
  .reader-fields > .form-control:last-child .btn { width: 100%; }
  .reader-version,
  .md-root #version-select { width: 8.75rem; }
  .bible-bottom-nav button { min-width: 0; font-size: 0.6875rem; }
}
@media (min-width: 1024px) {
  .bible-bottom-nav { display: none; }
  .bible-main { padding-bottom: 1rem; }
  #verse-action-bar { bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .bible-shell *, #verse-action-bar { animation: none !important; transition: none !important; }
}