/* 
 * Resident Development Theme - Main Stylesheet
 * 
 * Цей файл імпортує всі модульні стилі в правильному порядку
 * 
 * Порядок імпорту важливий!
 */

/* ============================================
   Base Styles (фундамент)
   ============================================ */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/base.css');

/* ============================================
   Components (перевикористовувані компоненти)
   ============================================ */
@import url('components/header.css');
@import url('components/navigation.css');
@import url('components/footer.css');
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/utilities.css');
@import url('components/modal.css');
@import url('components/swiper-custom.css');
@import url('components/animations.css');

/* ============================================
   Sections (секції сторінок)
   ============================================ */
@import url('sections/hero.css');
@import url('sections/about.css');
@import url('sections/projects.css');
@import url('sections/news.css');
@import url('sections/consult.css');
@import url('sections/offers.css');
@import url('sections/partners.css');
@import url('sections/contacts.css');

/* ============================================
   Pages (окремі сторінки)
   ============================================ */
@import url('pages/single-news.css');
@import url('pages/error-404.css');

/* ============================================
   Responsive Styles (загальні медіа-запити)
   ============================================ */

@media (max-width: 768px) {
    .hero-title {
        font-size: 2.5rem;
    }

    .hero-subtitle {
        font-size: 1.25rem;
    }

    .section-title {
        font-size: 2rem;
    }
}

.hotspots-interaction,
.hotspots-image-container {
    background-color: #f9f9f9 !important;
}

.hotspots-placeholder {
    display: none;
}