/*
Theme Name: Houzez Child
Template: houzez
Version: 1.0.0
Description: Дочерняя тема для city.zhitomir.ua
Author: city.zhitomir.ua
*/

/* Кастомные стили добавлять здесь */

/* Ціна та постфікс не розриваються всередині, перенос тільки між ними */
.item-price .price,
.item-price .price-postfix {
    white-space: nowrap;
}

/* ---------------------------------------------------------------------------
 * Фільтри на сторінках категорій — контрастніший вигляд
 * ------------------------------------------------------------------------- */

/* Рамки полів */
.widget_houzez_advanced_search .form-control,
.widget_houzez_advanced_search .bootstrap-select > .dropdown-toggle {
    border-color: #b0b6b8;
}

/* Placeholder текст (input) */
.widget_houzez_advanced_search .form-control::placeholder {
    color: #555;
}

/* Текст у selectpicker (title / обрана опція) */
.widget_houzez_advanced_search .bootstrap-select > .dropdown-toggle,
.widget_houzez_advanced_search .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
    color: #555;
}

/* Кнопка «Пошук» */
.widget_houzez_advanced_search .btn-search {
    font-weight: 600;
}

/* «Інші особливості» — колір тексту в сайдбарі (тема ставить #FFF для overlay) */
.widget_houzez_advanced_search .features-list-wrap .btn-features-list,
.widget_houzez_advanced_search .features-list-wrap .control--checkbox {
    color: #333;
}

/* ---------------------------------------------------------------------------
 * Кнопки месенджерів агента (WhatsApp, Telegram, Viber)
 * ------------------------------------------------------------------------- */

/* WhatsApp — зелений */
.hz-btn-whatsapp {
    color: #25D366 !important;
    border-color: #25D366 !important;
}
.hz-btn-whatsapp:hover,
.hz-btn-whatsapp:focus {
    background-color: #25D366 !important;
    color: #fff !important;
}

/* Telegram — синій */
.hz-btn-telegram {
    color: #0088cc !important;
    border-color: #0088cc !important;
}
.hz-btn-telegram:hover,
.hz-btn-telegram:focus {
    background-color: #0088cc !important;
    color: #fff !important;
}

/* Viber — фіолетовий */
.hz-btn-viber {
    color: #7360F2 !important;
    border-color: #7360F2 !important;
}
.hz-btn-viber:hover,
.hz-btn-viber:focus {
    background-color: #7360F2 !important;
    color: #fff !important;
}

/* SVG іконка всередині кнопки вирівнюється по тексту */
.hz-btn-viber svg {
    vertical-align: -0.15em;
}

/* Месенджер-кнопки на сторінці агента */
.agent-messenger-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}
.agent-messenger-buttons .btn {
    flex: 1 1 0;
    min-width: 0;
    white-space: nowrap;
}

/* ---------------------------------------------------------------------------
 * Каруселі об'єктів — відступи між карточками
 * Houzez 4.2.7 прибрав Bootstrap .card з item-v1, тому карточки без рамки.
 * Додаємо padding між Slick-слайдами для візуального розділення.
 * ------------------------------------------------------------------------- */
.property-carousel-module .slick-slide {
    padding: 0 10px;
}
.property-carousel-module .slick-list {
    margin: 0 -10px;
}
.property-carousel-module .item-wrap {
    background: #fff;
    border: 1px solid #e8ecef;
    overflow: hidden;
}

/* ---------------------------------------------------------------------------
 * Фото агентів — завжди круглі (object-fit: cover для несквадратних фото)
 * ------------------------------------------------------------------------- */
.agent-grid-image img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

/* ---------------------------------------------------------------------------
 * SEO-текст під лістингами (Elementor-сторінки) — на всю ширину контейнера
 * Elementor-секції мають 33/66 розбивку, яка стискає текст до 66%.
 * Ховаємо порожню колонку 33% і розтягуємо 66% на 100%.
 * ------------------------------------------------------------------------- */
body:not(.home) section.content-wrap .elementor-top-section > .elementor-container > .elementor-col-33:first-child {
    display: none;
}
body:not(.home) section.content-wrap .elementor-top-section > .elementor-container > .elementor-col-66 {
    width: 100%;
}