/*
 * Daily Bible Devotional — component styles for the [daily_devotional] shortcode
 * (mu-plugins/lgbt-daily-devotional.php). Extracted from the theme style.css and
 * enqueued only on the page that renders the shortcode, so this CSS no longer
 * ships on every request. Tokens are theme.json presets with literal fallbacks.
 */
.lgbt-dd { margin: 0 auto; }
/* The day navigation bar: the theme's row gap above and below it, as between a hero's rows (D-317). */
.lgbt-dd-nav { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--wp--preset--spacing--20); margin: var(--wp--custom--row-gap) 0; }
/* Previous day / Next day take the theme's navigation-link look and chevrons
   (lgbt-nav-prev / lgbt-nav-next, D-174); only the disabled end-of-range state is set here. */
.lgbt-dd-nav__btn.is-off { color: var(--wp--preset--color--contrast-3); pointer-events: none; }
.lgbt-dd-jump { display: inline-flex; align-items: center; gap: 0.4rem; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--meta, #5b6270); }
.lgbt-dd-jump__in { width: 4.5rem; padding: 0.35rem var(--wp--preset--spacing--20); font-size: var(--wp--preset--font-size--card-count); border: 1px solid var(--wp--preset--color--border-cream, #e0d8c4); border-radius: var(--wp--preset--border-radius--control); background: var(--wp--preset--color--white, #fff); }
.lgbt-dd-jump__go { padding: 0.4rem var(--wp--preset--spacing--30); font-weight: 700; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--white, #fff); background: var(--wp--preset--color--accent, #9a6f1e); border: 0; border-radius: var(--wp--preset--border-radius--control); cursor: pointer; }
.lgbt-dd-day { background: var(--wp--preset--color--white, #fff); border: 1px solid var(--wp--preset--color--border-cream, #e0d8c4); border-radius: var(--wp--preset--border-radius--card); padding: var(--wp--preset--spacing--50); }
.lgbt-dd-eyebrow { margin: 0; font-family: var(--wp--preset--font-family--body); font-weight: 700; font-size: var(--wp--preset--font-size--x-small); letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--brass-dark, #6d4f14); }
.lgbt-dd-title { margin: 0.35rem 0 var(--wp--preset--spacing--30); font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: var(--wp--preset--font-size--devotional-title); line-height: 1.18; color: var(--wp--preset--color--navy, #1d2a46); }
.lgbt-dd-chapter { display: inline-flex; align-items: baseline; gap: var(--wp--preset--spacing--20); flex-wrap: wrap; padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30); margin: 0 0 var(--wp--preset--spacing--40); border-radius: var(--wp--preset--border-radius--pill); text-decoration: none; background: color-mix(in srgb, var(--wp--preset--color--gold, #bb8d33) 14%, transparent); border: 1px solid color-mix(in srgb, var(--wp--preset--color--gold, #bb8d33) 40%, transparent); transition: background .15s ease; }
.lgbt-dd-chapter:hover { background: color-mix(in srgb, var(--wp--preset--color--gold, #bb8d33) 26%, transparent); }
.lgbt-dd-chapter__ref { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: var(--wp--preset--font-size--card-title); color: var(--wp--preset--color--navy, #1d2a46); }
.lgbt-dd-chapter__cta { font-size: var(--wp--preset--font-size--small); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--wp--preset--color--brass-dark, #6d4f14); }
/* The Bible book beside the chapter takes the gold of "Read the chapter" (Jason, 2026-10-11: "please color bible icon gold like Read the Chapter is"). */
.lgbt-dd-chapter .lgbt-bible-icon { color: var(--wp--preset--color--brass-dark, #6d4f14); }
.lgbt-dd-h { margin: 0 0 var(--wp--preset--spacing--20); font-family: var(--wp--preset--font-family--body); font-weight: 700; font-size: var(--wp--preset--font-size--small); letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--meta, #5b6270); }
.lgbt-dd-quiz { margin: 0 0 var(--wp--preset--spacing--40); }
.lgbt-dd-qs { margin: 0; padding-left: var(--wp--preset--spacing--40); display: flex; flex-direction: column; gap: var(--wp--preset--spacing--20); }
.lgbt-dd-qs li { line-height: 1.5; }
.lgbt-dd-answers { margin-top: var(--wp--preset--spacing--30); border-top: 1px solid var(--wp--preset--color--border-cream, #e0d8c4); padding-top: var(--wp--preset--spacing--20); }
.lgbt-dd-answers__sum { cursor: pointer; font-weight: 700; font-size: var(--wp--preset--font-size--card-count); color: var(--wp--preset--color--brass-dark, #6d4f14); list-style: none; }
.lgbt-dd-answers__sum::-webkit-details-marker { display: none; }
.lgbt-dd-answers__sum::before { content: "\25B8  "; }
.lgbt-dd-answers[open] .lgbt-dd-answers__sum::before { content: "\25BE  "; }
.lgbt-dd-as { margin: var(--wp--preset--spacing--20) 0 0; padding-left: var(--wp--preset--spacing--40); display: flex; flex-direction: column; gap: var(--wp--preset--spacing--20); color: var(--wp--preset--color--contrast-2, #3d4655); }
.lgbt-dd-think, .lgbt-dd-extra { margin: 0 0 var(--wp--preset--spacing--40); }
.lgbt-dd-think p { margin: 0 0 var(--wp--preset--spacing--20); line-height: 1.6; }
.lgbt-dd-extra { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--meta, #5b6270); border: 2px solid var(--wp--preset--color--border-cream, #e0d8c4); border-radius: 0; padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30); } /* D-397 round 2, Jason's pick A: a square cream frame, no stripe */
.lgbt-dd-extra p { margin: 0; line-height: 1.55; }
.lgbt-dd-index__sum { cursor: pointer; font-weight: 700; color: var(--wp--preset--color--brass-dark, #6d4f14); }
/* The 366 days (Jason's pick B, 2026-10-14): 16px, each row at least 32px tall, no line between rows. */
.lgbt-dd-index__list { margin: var(--wp--preset--spacing--30) 0 0; padding: 0; list-style: none; columns: 2; column-gap: var(--wp--preset--spacing--50); font-size: var(--wp--preset--font-size--medium); }
@media (max-width: 640px) { .lgbt-dd-index__list { columns: 1; } }
.lgbt-dd-index__list li { break-inside: avoid; margin: 0; }
.lgbt-dd-index__list a { display: flex; flex-wrap: wrap; align-items: center; column-gap: 0.3em; min-height: 2rem; text-decoration: none; color: var(--wp--preset--color--navy, #1d2a46); }
.lgbt-dd-index__list a:hover { color: var(--wp--preset--color--brass-dark, #6d4f14); }
.lgbt-dd-index__list li.is-current a { font-weight: 700; }
.lgbt-dd-index__d { color: var(--wp--preset--color--brass-dark, #6d4f14); font-weight: 700; }
.lgbt-dd-index__r { color: var(--wp--preset--color--meta, #5b6270); }