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

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

/* ---------------------------------------------------------------------------
 * Fix: icon-navigation-menu-horizontal glyph missing in houzez-iconfont
 * Replace with Unicode ellipsis (⋯) so the Actions button is visible
 * ------------------------------------------------------------------------- */
.action-btn .icon-navigation-menu-horizontal::before {
    content: "\2026";
    font-family: Arial, sans-serif !important;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
}
.action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    cursor: pointer;
}

/* Ціна та постфікс не розриваються всередині, перенос тільки між ними */
.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;
}

/* Обраний фільтр — жирний текст (Bootstrap Select прибирає .bs-placeholder коли є значення) */
.bootstrap-select > button:not(.bs-placeholder) .filter-option-inner-inner {
    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;
}

/* Великий клікабельний телефон */
.hz-big-phone {
    font-size: 1.35rem;
    font-weight: 700;
    padding: 0.75rem 1rem;
    letter-spacing: 0.02em;
}
.hz-big-phone .houzez-icon {
    font-size: 1.2rem;
}
/* Мобільний sticky-бар: скидаємо фіксовану ширину 50px для кнопки телефону */
.mobile-property-contact .hz-big-phone {
    width: auto !important;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 0.4rem 0.75rem !important;
    line-height: 1.4 !important;
    white-space: nowrap;
}
.mobile-property-contact .hz-big-phone .houzez-icon {
    font-size: 0.9rem;
    top: 0 !important;
}

/* Месенджер-кнопки на сторінці агента */
.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%;
}