/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Template: hello-elementor
Author: Elementor Team
Version: 3.4.9.2
*/

:root {
    --color-expert-gold: #d97706;
    --color-gold: #ffb700;
    --color-deep-gold: #d97706;
    --color-invest-green: #0a8a55;
    --color-secondary-text: #6b7280;
    --color-graphite: #2d3748;
    --color-light-gray: #f7f9fa;
    --color-blue-fog: #eaeff4;
    --color-white: #fff;
    --color-muted-gray: #a0aec0;
    --color-link-blue: #1557b0;
    --color-link-hover: #1a73e8;
}

/* === 1. ГЛОБАЛЬНЫЕ РАЗМЕРЫ === */
h1 { font-size: 30px !important; }
h2 { font-size: 27px !important; }
h3 { font-size: 25px !important; }

@media (max-width: 767px) {
    h1 { font-size: 24px !important; }
    h2 { font-size: 22px !important; }
    body, .entry-content, .post-content, .elementor-widget-text-editor { font-size: 18px; }
}

/* === 2. ЗАГОЛОВКИ И ЦЕНТРИРОВАНИЕ ОПИСАНИЯ === */
.main-headline-wrapper-1, .main-headline-wrapper-1-1 {
    text-align: center !important;
}
.main-headline-wrapper-1-1 h1, .main-headline-wrapper-1-1 h2 {
    font-weight: normal;
    color: var(--color-graphite);
    text-align: center !important;
}
.main-headline-wrapper-1-1 .accent-text { color: var(--color-expert-gold); font-weight: bold; }

/* ФИКС: Центрируем описание */
.main-headline-wrapper-1-1 p { 
    text-align: center !important; 
    margin-left: auto !important; 
    margin-right: auto !important; 
    max-width: 900px; 
}

/* === 3. НАВИГАЦИЯ (BREADCRUMBS) — СЕРЫЙ ЦВЕТ === */
.elementor-breadcrumbs, .elementor-breadcrumbs a, .rank-math-breadcrumb, .rank-math-breadcrumb a {
    color: var(--color-secondary-text) !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border: none !important;
}
.elementor-breadcrumbs a:hover { color: var(--color-link-blue) !important; }

/* === 4. КНОПКИ СВЯЗИ (БЕЛЫЙ ТЕКСТ + ГЭП) === */
.contact-buttons-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px;
    justify-content: center;
}
.contact-button {
    text-decoration: none !important;
    font-weight: bold;
    border-radius: 8px;
    padding: 12px 24px;
    display: inline-flex;
    align-items: center;
    color: #ffffff !important; 
    min-height: 48px;
    transition: 0.3s ease;
}
.contact-button svg { fill: #ffffff !important; }
.btn-primary { background-color: var(--color-invest-green); }
.btn-secondary { background-color: var(--color-graphite); }
.contact-button.is-disabled { opacity: 0.5; pointer-events: none; filter: grayscale(1); }

/* === 5. ЦВЕТ ССЫЛОК В КОНТЕНТЕ И ЛИСТИНГЕ (АКТИВНЫЙ HOVER) === */

/* БАЗОВЫЙ СИНИЙ */
.entry-content a:not(.contact-button):not(.elementor-button):not([class*="breadcrumb"]),
.elementor-widget-text-editor a:not(.contact-button),
.post-content a,
.jet-listing-grid__item h2 a, 
.jet-listing-grid__item h3 a, 
.jet-listing-dynamic-link a,
h2 a:not(.contact-button) {
    color: var(--color-link-blue) !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* HOVER (Светло-синий) — ОЖИВЛЯЕМ ССЫЛКИ ВЕЗДЕ */
.entry-content a:hover,
.elementor-widget-text-editor a:hover,
.post-content a:hover,
.jet-listing-grid__item h2 a:hover, 
.jet-listing-grid__item h3 a:hover, 
.jet-listing-dynamic-link a:hover,
h2 a:hover {
    color: var(--color-link-hover) !important;
}

/* === 6. UI FIXES === */
#site-header a, .elementor-nav-menu a, #wpadminbar a { color: inherit !important; }
header.elementor-location-header, .elementor-sticky--active { z-index: 9999 !important; }
.jet-listing-grid__slider-icon { z-index: 10 !important; }
h1[id], h2[id], h3[id] { scroll-margin-top: 100px; }
html { scroll-padding-top: 100px; overflow-x: hidden; }



/* Заставляем браузер зарезервировать место под картинки 4:3 (300x225) */
.jet-listing-grid__item img {
    aspect-ratio: 4 / 3 !important; /* Соответствует пропорциям 300x225 */
    width: 100% !important;
    height: auto !important;
    object-fit: cover; /* Сохраняет пропорции лица и зданий без искажений */
    content-visibility: auto; /* Ускоряет рендеринг для 100 баллов PageSpeed */
}


/* === КОРРЕКТНЫЙ ПЕРЕНОС ТЕКСТА НА МОБИЛЬНЫХ === */
@media (max-width: 767px) {
    body, p, li, h1, h2, h3, h4, .elementor-widget-text-editor {
        /* Включаем автоматические переносы по слогам (для русского языка) */
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        
        /* Разрешаем разрыв очень длинных слов или ссылок, если они не влезают */
        word-wrap: break-word;
        overflow-wrap: break-word;
        
        /* Убираем запрет на перенос, если он был где-то установлен */
        white-space: normal;
    }

    /* Специальный фикс для заголовков, чтобы они не обрезались */
    h1, h2, h3 {
        hyphens: manual; /* Для заголовков лучше переносить только там, где стоит знак переноса, чтобы не портить дизайн */
        line-height: 1.2;
    }
}