/* Teinte propre à verse-of-the-day.com (variante du thème « Nuit dorée »). */
:root {

}
/* verse-of-the-day.com : « Almanac ». Affiche et journal américains d'autrefois : bandeau marine, rouge brique,
   typographie d'affiche, trame d'imprimerie, tampon, fiche bristol, portraits bichromes. */
:root {
    --bg: #f3ecdb; --surface: #fbf6ea; --surface-2: #e9dfc6; --ink: #182237; --muted: #5e5747; --line: #182237;
    --accent: #b23a2e; --accent-2: #d9a441; --accent-ink: #fbf6ea; --navy: #182237; --cream: #f6eedb;
    --display: 'Libre Caslon Text', Georgia, serif; --body-font: 'Libre Franklin', 'Franklin Gothic', Arial, sans-serif; --text-font: 'Libre Caslon Text', Georgia, serif;
    --affiche: 'Abril Fatface', 'Libre Caslon Text', Georgia, serif;
    --radius: 0px; --radius-sm: 0px; --shadow: 4px 4px 0 rgba(24, 34, 55, 0.9);
    --carte-1: #182237; --carte-2: #b23a2e;
}
html[data-mode="sombre"] {
    --bg: #14181f; --surface: #1b212b; --surface-2: #252c38; --ink: #efe6d2; --muted: #b0a68f; --line: #efe6d2;
    --accent: #e0705f; --accent-2: #e8b95a; --accent-ink: #14181f; --navy: #0c1018; --cream: #efe6d2; --shadow: 4px 4px 0 rgba(0, 0, 0, 0.6);
}
/* Grain de papier */
body.theme-almanac {
    background-color: var(--bg);
    background-image: radial-gradient(rgba(24, 34, 55, 0.05) 1px, transparent 1.2px), radial-gradient(rgba(178, 58, 46, 0.035) 1px, transparent 1.2px);
    background-size: 7px 7px, 11px 11px; background-position: 0 0, 3px 5px;
}

/* Bandeau marine : nom du journal, mention d'édition, barre rouge */
#header-placeholder { position: static; background: var(--navy); backdrop-filter: none; border-bottom: 6px solid var(--accent); box-shadow: 0 3px 0 var(--accent-2); }
.header-content { flex-direction: column; gap: 4px; padding-top: 16px; padding-bottom: 0; }
.header-content::before { content: '✶  DAILY EDITION  ·  KING JAMES VERSION  ·  EST. 1611  ✶'; font: 600 10px var(--body-font); letter-spacing: 0.32em; color: var(--accent-2); }
.site-brand { font-family: 'UnifrakturMaguntia', var(--display); font-size: clamp(36px, 6.4vw, 64px); font-weight: 400; color: var(--cream); line-height: 1.05; }
.site-brand-logo { display: none; }
#main-nav { width: 100%; border-top: 1px solid rgba(246, 238, 219, 0.35); margin-top: 8px; }
#main-nav ul { justify-content: center; gap: 0; }
#main-nav a { border-radius: 0; text-transform: uppercase; letter-spacing: 0.14em; font-size: 12px; font-weight: 600; color: var(--cream); padding: 11px 16px; }
#main-nav a:hover, #main-nav a[aria-current="page"] { background: var(--accent); color: var(--cream); }
#main-nav a.nav-cta { border: 0; color: var(--accent-2); }
@media (max-width: 899px) {
    .header-content { flex-direction: row; padding-bottom: 12px; }
    .header-content::before { display: none; }
    .site-brand { font-size: 32px; }
    #main-nav { margin: 0; border: 0; inset: 70px 0 auto 0; background: var(--navy); }
    .burger-menu { border-radius: 0; border-color: rgba(246, 238, 219, 0.5); color: var(--cream); }
}

/* Ligne de date et manchette */
.ephemeride { grid-template-columns: 1fr; text-align: center; justify-items: center; gap: 8px; margin: 0 0 26px; padding: 18px 0 22px; border-bottom: 3px double var(--line); }
.feuillet { display: none; }
.eyebrow { font-family: var(--body-font); color: var(--cream); background: var(--accent); padding: 4px 12px; letter-spacing: 0.24em; font-size: 11px; width: max-content; justify-self: center; }
.eph-titre { font-family: var(--affiche); font-weight: 400; font-size: clamp(32px, 5vw, 58px); letter-spacing: 0.005em; line-height: 1.08; max-width: 980px; }
.eph-lit { justify-content: center; font-family: var(--display); font-style: italic; }
.pastille { box-shadow: none; border-radius: 0; width: 10px; height: 10px; transform: rotate(45deg); }
.eph-nav { justify-content: center; }
.eph-btn, .eph-aller input, .reglages-inline button { border-radius: 0; border: 2px solid var(--line); background: var(--surface); font-family: var(--body-font); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; box-shadow: 2px 2px 0 var(--line); }
.eph-btn:hover { background: var(--accent-2); }

/* Rubriques : bandeaux inversés */
.bloc { background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0 0 30px; }
.bloc-titre { display: block; font-family: var(--body-font); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.22em; color: var(--cream); background: var(--navy); padding: 9px 14px; margin-bottom: 18px; }
.bloc-titre::before { content: '✶ '; display: inline; width: auto; height: auto; background: none; transform: none; color: var(--accent-2); }
html[data-mode="sombre"] .bloc-titre { color: var(--ink); background: var(--surface-2); }
.ref-principale { font-family: var(--display); font-style: italic; font-weight: 400; color: var(--accent); font-size: 20px; }
.texte-biblique { text-align: justify; hyphens: auto; font-size: calc(18px * var(--fs)); line-height: 1.7; }
.texte-biblique sup { color: var(--accent); }
.lettrine .initiale { font-family: var(--affiche); color: var(--cream); background: var(--accent); font-size: 3.6em; line-height: 0.9; padding: 8px 12px 4px; margin: 6px 12px 0 0; box-shadow: 3px 3px 0 var(--navy); }

@media (min-width: 1000px) {
    .theme-almanac .jour-grille.jour-4 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 36px; row-gap: 8px; }
    .theme-almanac .jour-grille.jour-4 > :first-child { grid-column: 1 / -1; grid-row: auto; }
    .theme-almanac .jour-grille.jour-4 > .bloc-evangile { grid-column: 1 / -1; }
    .theme-almanac .bloc-evangile .texte-biblique { columns: 2; column-gap: 40px; column-rule: 1px solid rgba(24, 34, 55, 0.35); }
}

/* Le verset : affiche sur trame d'imprimerie, cadre et tampon */
.bloc-verset { padding-bottom: 34px; }
.bloc-verset .bloc-titre { text-align: center; }
.bloc-verset .carte-verset {
    position: relative; text-align: center; color: var(--ink); border-radius: 0; margin: 0 auto; max-width: 1040px;
    padding: clamp(36px, 6vw, 70px) clamp(22px, 7vw, 90px) clamp(44px, 6vw, 70px);
    background: radial-gradient(rgba(178, 58, 46, 0.16) 1.2px, transparent 1.6px) 0 0 / 9px 9px, var(--surface);
    border: 3px solid var(--navy); box-shadow: 8px 8px 0 var(--navy), inset 0 0 0 8px var(--surface), inset 0 0 0 10px var(--accent);
}
.bloc-verset .carte-verset blockquote p { font-family: var(--affiche); font-weight: 400; font-size: calc(clamp(28px, 4.4vw, 54px) * var(--fs)); line-height: 1.16; }
.bloc-verset .carte-verset blockquote p::before { content: '“'; display: inline; font-size: 1em; opacity: 1; color: var(--accent); margin: 0; line-height: 1; }
.bloc-verset .carte-verset blockquote p::after { content: '”'; color: var(--accent); }
.bloc-verset .carte-verset figcaption { display: inline-block; font-family: var(--body-font); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.22em; color: var(--cream); background: var(--accent); padding: 6px 14px; margin-top: 22px; }
.bloc-verset .carte-verset::after {
    content: 'KJV · 1611'; position: absolute; top: -18px; right: clamp(10px, 4vw, 40px); width: 84px; height: 84px; display: grid; place-items: center;
    border: 3px double var(--accent); border-radius: 50%; color: var(--accent); background: var(--surface); transform: rotate(-12deg);
    font: 700 11px/1.2 var(--body-font); letter-spacing: 0.12em; text-align: center; opacity: 0.92;
}
.carte-theme { position: static; display: block; margin-top: 10px; font-family: var(--display); font-style: italic; color: var(--muted); }
.bloc-verset .outils, .bloc-verset .bloc-lien { justify-content: center; text-align: center; }
.bloc-verset .btn-image { display: flex; margin: 14px auto 0; }

/* Verset au hasard : fiche bristol lignée */
.carte-aleatoire {
    color: var(--ink); border-radius: 0; padding: 30px 26px 22px 54px; transform: rotate(-0.6deg); box-shadow: 4px 5px 0 rgba(24, 34, 55, 0.25);
    background: linear-gradient(90deg, transparent 38px, rgba(178, 58, 46, 0.55) 38px 40px, transparent 40px), repeating-linear-gradient(180deg, transparent 0 29px, rgba(24, 34, 55, 0.14) 29px 30px), #fffdf6;
}
html[data-mode="sombre"] .carte-aleatoire { background-color: var(--surface); }
.carte-aleatoire blockquote p { font-family: var(--display); font-size: calc(21px * var(--fs)); line-height: 30px; }
.carte-aleatoire blockquote p::before { display: none; }
.carte-aleatoire figcaption { color: var(--accent); font: 700 12px var(--body-font); text-transform: uppercase; letter-spacing: 0.16em; }
.carte-aleatoire.apparait { animation: fiche 0.35s ease; }
@keyframes fiche { from { transform: rotate(-3deg) translateY(10px); opacity: 0; } }

/* Boutons d'imprimerie */
.outil, .theme-btn { border-radius: 0; background: var(--surface); border: 2px solid var(--line); font-family: var(--body-font); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; box-shadow: 2px 2px 0 var(--line); }
.outil:hover, .theme-btn:hover { background: var(--accent-2); }
.theme-btn[aria-pressed="true"] { background: var(--navy); color: var(--cream); }
.outil-wa { color: #1d7a45; }
.kit-button { border-radius: 0; background: var(--accent); color: var(--cream); text-transform: uppercase; letter-spacing: 0.12em; font-size: 13px; border: 2px solid var(--navy); box-shadow: 3px 3px 0 var(--navy); }
.kit-button:hover { filter: none; background: var(--navy); }
.btn-image { background: var(--accent-2); color: var(--navy); }
.bloc-lien a { font-family: var(--display); font-style: italic; font-weight: 400; color: var(--accent); }

/* Saint : portrait bichrome dans un médaillon */
.saint-portrait { position: relative; background: var(--accent-2); padding: 6px; box-shadow: 4px 4px 0 var(--navy); }
.saint-portrait img, .saint-sans-image { border-radius: 0; filter: grayscale(1) contrast(1.15) sepia(0.35); mix-blend-mode: multiply; border: 0; box-shadow: none; display: block; }
.saint-nom { font-family: var(--affiche); font-weight: 400; font-size: calc(26px * var(--fs)); }
.saint-desc { color: var(--accent); font-style: italic; font-family: var(--display); font-weight: 400; }
.badge-lit { border-radius: 0; background: var(--accent-2); color: var(--navy); }
.autres-saints, details.lecture { border-top: 2px dotted var(--line); }
.autres-titre { color: var(--accent); }

/* Calendrier, texte, pied de page */
.mois-bloc { border-radius: 0; background: var(--surface); border: 2px solid var(--navy); box-shadow: 4px 4px 0 var(--navy); }
.mois-bloc h2 { font-family: var(--affiche); font-weight: 400; text-align: center; color: var(--accent); }
.mois-jours a { border-radius: 0; background: var(--surface-2); }
.mois-jours a:hover { background: var(--navy); color: var(--cream); }
.seo-jour { columns: 2; column-gap: 44px; column-rule: 1px solid rgba(24, 34, 55, 0.35); max-width: var(--max); border-top: 6px solid var(--accent); padding-top: 26px; }
.seo-jour h2 { break-after: avoid; font-family: var(--affiche); font-weight: 400; font-size: 28px; color: var(--navy); }
html[data-mode="sombre"] .seo-jour h2 { color: var(--ink); }
.seo-jour .chapo { column-span: all; font-family: var(--display); font-style: italic; text-align: center; font-size: 22px; }
.seo-jour .chapo::after { content: '❦'; display: block; color: var(--accent); margin-top: 8px; }
.seo-jour details, .seo-jour .note-box { break-inside: avoid; }
@media (max-width: 899px) { .seo-jour { columns: 1; } .bloc-verset .carte-verset::after { width: 64px; height: 64px; font-size: 9px; top: -14px; } }
.note-box { border-radius: 0; background: var(--surface); border: 2px solid var(--line); }
.page-tete h1 { font-family: var(--affiche); font-weight: 400; }
.traduction { font-style: italic; font-family: var(--display); }
#footer-placeholder { background: var(--navy); border-top: 6px solid var(--accent); color: var(--cream); }
#footer-placeholder .footer-content, #footer-placeholder a { color: rgba(246, 238, 219, 0.8); }
.footer-name { font-family: 'UnifrakturMaguntia', var(--display); font-size: 30px; color: var(--cream) !important; }