/* Переопределение цветов кнопок */
.s-btn--primary {
background: #CC8040 !important; /* Цвет кнопки */
border: none !important;
border-radius: 8px;
padding: 12px 24px;
font-weight: 600;
transition: transform 0.2s;
}
.s-btn--primary:hover {
background: #3e452a !important; /* Цвет кнопки при наведении */
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(62, 69, 42, 0.4); /* Тень цвета наведения */
}
/* Переопределение формы поиска */
.b-start {
background: #FDF0E0 !important; /* Бежевый фон */
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
padding: 30px !important;
}
/* Переопределение лейблов полей */
.b-start__field-label {
color: #1F2204 !important; /* Темный цвет для текста */
font-size: 14px !important;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* Стили для кастомных select'ов */
.b-select-ghost {
border: 2px solid #1F2204 !important; /* Темная рамка */
border-radius: 6px;
}
/* Стили для Select2 */
.select2-container--default .select2-selection--single {
border: 2px solid #1F2204 !important; /* Темная рамка вместо серой */
border-radius: 6px;
height: 44px;
}
/* Стили для календаря (jQuery UI) */
.ui-datepicker {
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
border: none;
}
.ui-datepicker-header {
background: #1F2204 !important; /* Темный фон шапки календаря */
color: #FDF0E0 !important; /* Бежевый текст в шапке */
border-radius: 12px 12px 0 0;
}
/* Popup выбора гостей и номеров */
.l-popup-container--rooms {
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}