/* Утилиты для красивого хедера на не-лендинг страницах */

/* Добавьте класс .page-with-header к body для красивого хедера */
.page-with-header {
    padding-top: 47px; /* Отступ сверху для десктопа */
}

.page-with-header .site-header {
    background: linear-gradient(to bottom, rgba(30, 30, 30, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    position: fixed;
    top: 46px; /* высота contact bar */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.page-with-header .top-contact-bar {
    position: fixed;
    top: 0;
    z-index: 1002;
}

/* Альтернативные цветовые схемы для разных страниц */
.page-with-header.theme-tours .site-header {
    background: linear-gradient(to bottom, rgba(30, 30, 30, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}

.page-with-header.theme-prices .site-header {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.page-with-header.theme-reviews .site-header {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.page-with-header.theme-green .site-header {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.page-with-header.theme-orange .site-header {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .page-with-header .site-header {
        top: 25px; /* уменьшенная contact bar на мобильных */
    }
}