/* Optional angular Croatian Glagolitic. The original Latin text stays searchable and accessible.
 * Font: Glagolica Missal DPG, Nenad Hancic-Matejic, CC BY-SA 3.0 DE; see fonts/NOTICE.txt.
 * Website code SPDX-License-Identifier: MIT */
@font-face {
    font-family: 'Pergamena Glagoljica';
    src: url('fonts/glagolica-missal-dpg.woff') format('woff');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    /* The author's Croatian Latin-keyboard mapping; digits, punctuation and foreign letters stay Latin. */
    unicode-range: U+0041-0050, U+0052-0056, U+005A, U+0061-0070, U+0072-0076, U+007A, U+0106-0107, U+010C-010D, U+0110-0111, U+0160-0161, U+017D-017E;
}
:root {
    --font-latin-display: 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', Georgia, serif;
    --font-latin-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.script-switch {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0 5px;
    padding-top: 5px;
    font: 11px/1.4 var(--font-latin-body);
}
.script-switch[hidden], .script-switch__message[hidden] { display: none; }
.script-switch__button {
    min-height: 32px;
    padding: 5px 7px;
    border: 0;
    border-bottom: 1px solid transparent;
    background: transparent;
    color: var(--muted);
    font: inherit;
}
.script-switch__button[aria-pressed='true'] { color: var(--accent); border-bottom-color: currentColor; }
.script-switch__button:hover { color: var(--accent); }
.script-switch__button:disabled { cursor: progress; opacity: .55; }
.script-switch__separator { color: var(--rule); }
.script-switch__message { flex-basis: 100%; margin-top: 4px; color: var(--muted); text-align: right; }
html[data-script='glagoljica'] {
    --font-body: 'Pergamena Glagoljica', var(--font-latin-body);
    --font-display: 'Pergamena Glagoljica', var(--font-latin-display);
    font-synthesis: none;
}
html[data-script='glagoljica'] :is(h1, h2, h3, .wordmark, .eyebrow) { letter-spacing: .01em; line-height: 1.3; }
html[data-script='glagoljica'] .site-header .wordmark__name { line-height: 1.04; transform: translateY(-.24em); }
html[data-script='glagoljica'] .site-header .wordmark__descriptor { line-height: 1.25; }
@media (max-width: 800px) {
    html[data-script='glagoljica'] .nav-toggle:not([hidden]) { font-size: 9px; gap: 4px; padding-inline: 4px; white-space: nowrap; }
    html[data-script='glagoljica'] .nav-toggle span[aria-hidden] { font-size: 18px; }
}
@media (max-width: 374px) {
    html[data-script='glagoljica'] .nav-toggle:not([hidden]) { font-size: 8px; gap: 2px; padding-inline: 0; }
    html[data-script='glagoljica'] .nav-toggle span[aria-hidden] { font-size: 12px; }
}
html[data-script='glagoljica'] :is(h1, h2, h3) { overflow-wrap: anywhere; }
html[data-script='glagoljica'] .hero h1 { font-size: clamp(24px, 2.7vw, 32px); line-height: 1.3; overflow-wrap: normal; word-break: normal; hyphens: none; }
@media (max-width: 560px) {
    html[data-script='glagoljica'] .hero h1 { font-size: clamp(24px, 6vw, 28px); }
}
html[data-script='glagoljica'] :is(.prose, .book-detail__lead) { hyphens: none; }
/* Keep the return control, entering data, prices and practical book/contact details in Latin. */
html[data-script='glagoljica'] :is([data-latin], form, .book-card__price, .order-panel, .book-facts dd, a[href^='mailto:'], a[href^='tel:']) {
    --font-body: var(--font-latin-body);
    --font-display: var(--font-latin-display);
    font-family: var(--font-body);
}
html[data-script='glagoljica'] :is([data-latin], form, .order-panel) :is(h1, h2, h3, .eyebrow) { letter-spacing: normal; }
.font-credit { margin-top: 2em; font: 14px/1.7 var(--font-latin-body); }