@import url('/fonts/fonts-20260912.css');

/* Shared with the production patch; preserve colors and section geometry. */
:root {
    --font-sans: 'Golos Text', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-serif: 'Spectral', Georgia, serif;
    --font-heading: var(--font-serif);
}

body,
.font-sans,
.home-hero__eyebrow,
.services-quiz-eyebrow,
.services-quiz-topline,
.services-quiz-question p,
.services-quiz-option__number,
.services-quiz-option__title,
.services-quiz-option__mark,
.services-quiz-link,
.services-quiz-result__format,
.services-quiz-result-note__title,
.services-quiz-form__label,
.services-quiz-form label span,
input,
textarea,
select,
button,
svg text,
svg tspan {
    font-family: var(--font-sans) !important;
}

body {
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
:is(h1, h2, h3, h4, h5, h6).font-sans,
.services-quiz-heading,
.font-heading {
    font-family: var(--font-serif) !important;
    font-weight: 500 !important;
    overflow-wrap: anywhere;
}

:is(h1, h2, h3, h4, h5, h6) :is(span, a, strong, b, em) {
    font-family: inherit !important;
    font-weight: inherit !important;
}

/* Existing prices are spans using the display utility, not section headings. */
span.font-heading[class~='text-[36px]'],
span.font-heading[class~='text-[32px]'],
th,
.mobile-menu-link,
.mobile-menu-phone {
    font-family: var(--font-sans) !important;
    font-weight: 600 !important;
}

button,
[role='button'],
.btn-premium-primary,
.btn-premium-secondary,
.btn-header-audit,
.alice-btn,
.blog-filter-btn,
.btn-primary,
.btn-secondary,
.btn-ghost-dark,
.btn-ghost-light,
.btn-ghost-gold,
.btn-ghost-on-dark {
    font-family: var(--font-sans) !important;
    font-weight: 600 !important;
}

button :is(span, strong, b),
:is(.btn-premium-primary, .btn-premium-secondary, .alice-btn) :is(span, strong, b),
:is(.btn-primary, .btn-secondary, .btn-ghost-dark, .btn-ghost-light, .btn-ghost-gold, .btn-ghost-on-dark) :is(span, strong, b) {
    font-family: inherit !important;
    font-weight: inherit !important;
}

/* Keep the long legal-page title whole with Spectral's wider Cyrillic. */
@media (max-width: 600px) {
    html:has(link[rel='canonical'][href$='/politika/']) .site-hero__title {
        font-size: 30px;
    }
}

@media (max-width: 360px) {
    html:has(link[rel='canonical'][href$='/politika/']) .site-hero__title {
        font-size: 25px;
    }
}