/*
 * DOLCE BELLA — ШРИФТИ
 * Відповідають шрифтам на bella.eosc.ua
 *
 * Cormorant Garamond — заголовки, назви, акценти (елегантний serif)
 * Playfair Display   — декоративні елементи, підзаголовки
 * Montserrat         — увесь основний текст, навігація, кнопки (чистий sans-serif)
 */

/* ── Google Fonts ────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Montserrat:wght@300;400;500;600;700&display=swap');

/* ── CSS-змінні шрифтів ──────────────────────────────────────────────────── */
:root {
    --font-display: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
    --font-serif:   'Playfair Display', Georgia, serif;
    --font-sans:    'Montserrat', Arial, sans-serif;
}

/* ── Базові правила ──────────────────────────────────────────────────────── */

/* Увесь сайт — Montserrat */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body,
html {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Скидаємо WordPress/системні шрифти */
body,
p, li, td, th, label, input, select, textarea, button,
.wp-block-paragraph, .entry-content,
.site, .site-content, .site-header, .site-footer,
#page, #content, #main, #footer {
    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* ── Заголовки — Cormorant Garamond ─────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 500;
    line-height: 1.2;
}

/* Конкретні класи заголовків сайту */
.hero__title,
.section-title,
.page-hero__title,
.services-hero__title,
.db-about-home__title,
.db-hero__title,
.db-hero__salon,
.srv-price-title,
.why-card__title,
.team-card__name,
.review-card__name,
.contact-block__value,
.cta-section__title,
.modal__title,
.db-precapture__title,
.db-bm-step__title,
.about-intro__title,
.footer__brand .footer__tagline,
.db-footer__tagline {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
}

/* Italic акценти — Cormorant Garamond italic */
em, i:not(.fa):not([class*="fa-"]):not([class*="fab"]) {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic;
}

.hero__title em,
.db-about-home__title em,
.db-hero__subtitle em,
.srv-cta__title em,
.about-intro__title em {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic;
    font-weight: 400;
}

/* ── Навігація, кнопки, форми — Montserrat ──────────────────────────────── */
nav, nav a,
.navbar__link,
.db-nav-overlay__link,
.db-navbar-strip__link,
.db-header__link,
.top-bar,
.top-bar__item,
.top-bar__phone {
    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* Кнопки */
button, .btn,
.db-btn-cta,
.db-precapture__btn,
.top-bar__booking-btn,
.srv-filter-card__name,
.db-footer__heading,
.section-eyebrow,
.hero__eyebrow {
    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* Поля форм */
input, select, textarea {
    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* Таблиця цін */
.price-table td {
    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* Адреса */
address {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-style: normal;
}

/* ── Переопис WordPress block editor шрифтів ─────────────────────────────── */
.wp-site-blocks,
.wp-block-group,
.wp-block-columns,
.editor-styles-wrapper {
    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* ── Заголовки у футері, hero eyebrow ───────────────────────────────────── */
.footer__heading, .db-footer__heading {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.section-eyebrow, .hero__eyebrow, .services-hero__eyebrow {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 11px;
}