/**
 * Шрифты для массажного салона
 * Используются шрифты как на profihands.com.ua
 * 
 * ВНИМАНИЕ: Этот файл содержит два варианта:
 * 1. Локальные шрифты (закомментировано - требует файлов шрифтов)
 * 2. Google Fonts (активно - работает сразу)
 */

/* ===== ВАРИАНТ 1: ЛОКАЛЬНЫЕ ШРИФТЫ (ТРЕБУЕТ ФАЙЛОВ) ===== */
/* Раскомментируйте после добавления файлов шрифтов в папку fonts/ */

/*
@font-face {
    font-family: 'GothamProLight';
    src: url('../fonts/GothamProLight.woff2') format('woff2'),
         url('../fonts/GothamProLight.woff') format('woff'),
         url('../fonts/GothamProLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamProMedium';
    src: url('../fonts/GothamProMedium.woff2') format('woff2'),
         url('../fonts/GothamProMedium.woff') format('woff'),
         url('../fonts/GothamProMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VetrinoRegular';
    src: url('../fonts/VetrinoRegular.woff2') format('woff2'),
         url('../fonts/VetrinoRegular.woff') format('woff'),
         url('../fonts/VetrinoRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
*/

/* ===== ВАРИАНТ 2: GOOGLE FONTS (РАБОТАЕТ СРАЗУ) ===== */
/* Montserrat похож на Gotham Pro, Playfair Display похож на Vetrino */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:wght@400;600;700&display=swap');

/* ===== ПРИМЕНЕНИЕ ШРИФТОВ ===== */

/* Основной шрифт для body */
body {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    font-weight: 300;
}

/* Заголовки H1 */
h1,
.archive-title,
.massage-service-title,
.green-service-title,
.popular-massages-title,
.massage-footer-logo-text .brand-name {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight: 400;
}

/* Заголовки H2, H3, H4 */
h2, h3, h4,
.massage-category-title,
.massage-promotion-title {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 300;
}

/* Параграфы и обычный текст */
p,
.massage-service-content,
.massage-breadcrumbs,
.service-card-excerpt,
.massage-price-details,
.green-pricing-top,
.pricing-duration-top,
.pricing-price-top,
.green-benefit-item {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 300;
}

/* Ссылки и кнопки */
a, 
button, 
.button,
.massage-booking-button,
.service-card-button,
.massage-booking-btn,
.booking-button,
.green-booking-btn,
.view-all-services-btn,
.massage-promotion-button,
.filter-button,
.menu-item > a {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 500;
}

/* Акценты и важные элементы */
strong, 
b, 
.accent,
.service-category-badge,
.service-card-category,
.massage-price,
.variant-price,
.massage-price-title {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 500;
}

/* Логотип */
.massage-logo .site-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 400;
}

/* Для совместимости с темой WordPress */
.wp-block-heading,
.wp-block-post-title,
.entry-title {
    font-family: inherit;
}

/* Цены на странице услуги */
.massage-service-variants .variant-duration,
.service-card-variants .variant-duration {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.massage-service-variants .variant-price,
.service-card-variants .variant-price {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

/* ===== ИНСТРУКЦИЯ ПО ПЕРЕКЛЮЧЕНИЮ НА ЛОКАЛЬНЫЕ ШРИФТЫ ===== */

/*
Чтобы использовать локальные шрифты вместо Google Fonts:

1. Поместите файлы шрифтов в папку:
   wp-content/plugins/massage-services/assets/fonts/

2. Удалите или закомментируйте строку:
   @import url('https://fonts.googleapis.com/...');

3. Раскомментируйте блоки @font-face выше

4. Замените в правилах ниже:
   'Montserrat' → 'GothamProLight' (для font-weight: 300)
   'Montserrat' → 'GothamProMedium' (для font-weight: 500)
   'Playfair Display' → 'VetrinoRegular'

Пример:
body {
    font-family: 'GothamProLight', sans-serif;
    font-weight: 300;
}
*/