/*
Theme Name: RealHomes Child Theme
Theme URI: http://themeforest.net/item/real-homes-wordpress-real-estate-theme/5373914
Description: Child theme for Real Homes.
Author: Inspiry Themes
Author URI: https://www.inspirythemes.com/
Template: realhomes
Version: 1.4.2
*/

/* Fix homepage icons and labels */
.rh_prop_card__meta_ultra .ultra-bathrooms,
.rhea_prop_meta_ultra .ultra-bathrooms,
.rhea_ultra_prop_card__meta[style*="order: 2"] .rhea_ultra_meta_icon svg {
    display: none !important;
}

.rh_prop_card__meta_ultra .ultra-bathrooms + span:before,
.rhea_prop_meta_ultra .ultra-bathrooms + span:before,
.rhea_ultra_prop_card__meta[style*="order: 2"] .rhea_ultra_meta_icon:before {
    content: "\f126"; /* Floor icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #444 !important;
}

/* Rooms Icon Replacement */
.rhea_ultra_prop_card__meta[style*="order: 1"] .rhea_ultra_meta_icon svg {
    display: none !important;
}
.rhea_ultra_prop_card__meta[style*="order: 1"] .rhea_ultra_meta_icon:before {
    content: "\f015"; /* House/Rooms icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #444 !important;
}

/* Total Floors Icon Replacement (replacing Garage) */
.rhea_ultra_prop_card__meta[style*="order: 3"] .rhea_ultra_meta_icon svg,
.rhea_ultra_prop_card__meta[style*="order: 5"] .rhea_ultra_meta_icon svg {
    display: none !important;
}
.rhea_ultra_prop_card__meta[style*="order: 3"] .rhea_ultra_meta_icon:before,
.rhea_ultra_prop_card__meta[style*="order: 5"] .rhea_ultra_meta_icon:before {
    content: "\f1ad"; /* Building icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #444 !important;
}

/* Hide Year Built globally */
.rh_list_card__year_built,
.rh_prop_card__year_built,
.rhea_ultra_property_list_card_year_built,
.rh_prop_card__meta_ultra .ultra-year-built,
.rhea_prop_meta_ultra .ultra-year-built {
    display: none !important;
}

/* ULTRA PREMIUM REDESIGN for Homepage Meta */
.rh_prop_card_meta_wrap_stylish {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    background: #fcfcfc !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px !important;
    padding: 12px 5px !important;
    margin: 15px 10px !important;
}

.rh_prop_card_meta_wrap_stylish .rh_prop_card__meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 1 !important;
    border: none !important;
    padding: 0 !important;
    gap: 4px !important;
}

.rh_prop_card_meta_wrap_stylish .rh_prop_card__meta .rhea_meta_icon_wrapper {
    margin-bottom: 2px !important;
}

.rh_prop_card_meta_wrap_stylish .rh_prop_card__meta .label {
    order: 3 !important; /* Move label below figure */
    font-size: 10px !important;
    font-weight: 500 !important;
    color: #999 !important;
    margin: 0 !important;
}

.rh_prop_card_meta_wrap_stylish .rh_prop_card__meta .figure {
    order: 2 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin: 0 !important;
    line-height: 1 !important;
}

/* Hide original labels if they are redundant and too long */
.rh_prop_card_meta_wrap_stylish .rh_prop_card__meta .label {
    display: block !important;
    opacity: 0.7;
}

/* Global fix for Area Unit SQ FT */
.rh_prop_card__meta .figure span, 
.rh-ultra-price-meta-wrapper .rh_prop_card__meta span {
    display: none !important;
}

.rh_prop_card__meta .figure:after,
.rh-ultra-price-meta-wrapper .rh_prop_card__meta .figure:after {
    content: " м²" !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-left: 2px !important;
    display: inline-block !important;
}

/* Specific fix for homepage meta chips to not double the unit */
.rh_prop_card_meta_wrap_stylish .rh_prop_card__meta:last-child .figure:after {
    content: " м²" !important;
}

/* Better Pricing font */
.rh_prop_card__price_ultra {
    padding-left: 15px !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    color: #1CB2FF !important;
}

/* Premium CSS for Ultra Design - Ukraine */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif !important;
}

.rh_ultra_prop_card__meta {
    background: #f8f9fa;
    padding: 15px 20px;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.rh_ultra_prop_card__meta:hover {
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.rh-ultra-meta-label {
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.5px;
}

.rh_ultra_meta_box .figure {
    font-weight: 700;
    color: #1a1a1a;
}

/* Hide garage icon if it's used for Floors */
.rh_ultra_meta_icon img[src*="garage.svg"] {
    opacity: 0.7;
}

/* Telegram CTA Style */
.ua-telegram-contact {
    background: #0088cc;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    margin-top: 20px;
    transition: background 0.3s;
}

.ua-telegram-contact:hover {
    background: #0077b5;
}

.ua-telegram-contact i {
    margin-right: 10px;
}
/* Dashboard Improvements */
#dashboard-property-form .rh_form__item { margin-bottom: 25px; }
#dashboard-property-form label { font-weight: 600; margin-bottom: 10px; display: block; color: #444; }
.dashboard-form-section-owner-information { background: #f0f7ff; padding: 30px; border-radius: 12px; border: 1px dashed #007bff; margin-top: 40px; }

/* Dashboard Field Styling */
#dashboard-property-form select { width: 100%; height: 50px; background: #fff; border: 1px solid #ddd; padding: 10px; border-radius: 6px; }
#dashboard-property-form .rh_form__item { background: #fff; padding: 15px; border-radius: 8px; border: 1px solid #eee; }
/* 
==========================================================================
   HOMEPAGE "ULTRA" PREMIUM REDESIGN
   (селектори підтверджені через DevTools інспекцію)
========================================================================== 
*/

/* ── 1. ЗАГОЛОВКИ СЕКЦІЙ ── */
/* Виджет "Heading" в Elementor генерує клас elementor-heading-title */
h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title {
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    font-weight: 700 !important;
}

/* Приховуємо синій роздільник-лінію під заголовками (окремий Elementor-виджет) */
.elementor-widget-divider {
    display: none !important;
}

/* ── 2. КАРТКИ НЕРУХОМОСТІ (V17) ── */
/* Справжній клас картки, знайдений через інспекцію */
.rhea_prop_card_v17 {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
}

.rhea_prop_card_v17:hover {
    transform: translateY(-7px) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.10) !important;
}

/* Зображення картки - плавне збільшення */
.rhea_prop_card_v17 .rhea_prop_card_thumbnail_v17 {
    overflow: hidden !important;
}

.rhea_prop_card_v17 .rhea_prop_card_thumbnail_v17 img {
    transition: transform 0.6s ease !important;
    display: block;
}

.rhea_prop_card_v17:hover .rhea_prop_card_thumbnail_v17 img {
    transform: scale(1.06) !important;
}

/* ── 3. НОВИНИ (V4 виджет) ── */
/* Реальні класи: .rhea_news_v4_item, .rhea_news_v4_post_title, .rhea_news_v4_post_thumbnail */
.rhea_news_v4_item {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    text-align: left !important;
}

.rhea_news_v4_item:hover {
    transform: translateY(-7px) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.10) !important;
}

/* Ліве вирівнювання тексту новин */
.rhea_news_v4_item .rhea_news_v4_post_content,
.rhea_news_v4_item .rhea_news_v4_post_excerpt,
.rhea_news_v4_item .rhea_news_v4_post_title,
.rhea_news_v4_item .rhea_news_v4_post_meta {
    text-align: left !important;
}

/* Заголовок новини */
.rhea_news_v4_post_title a {
    font-weight: 700 !important;
    color: #1a1a1a !important;
    transition: color 0.3s ease !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
}

.rhea_news_v4_post_title a:hover {
    color: #1CB2FF !important;
}

/* Зображення новини - плавне збільшення */
.rhea_news_v4_item .rhea_news_v4_post_thumbnail {
    overflow: hidden !important;
}

.rhea_news_v4_item .rhea_news_v4_post_thumbnail img {
    transition: transform 0.6s ease !important;
    display: block;
}

.rhea_news_v4_item:hover .rhea_news_v4_post_thumbnail img {
    transform: scale(1.06) !important;
}

/* ── 4. PROPERTY META ICONS (ULTRA) ── */
/* Neutralize ALL icon colors for the Ultra aesthetic */
.rhea_ultra_meta_icon svg *,
.rh_prop_card_meta_wrap_ultra svg *,
.rhea_ultra_meta_icon i,
.rh_prop_card_meta_wrap_ultra i {
    fill: #444 !important;
    color: #444 !important;
}

/* Meta Container Styling */
.rh_prop_card_meta_wrap_ultra {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 15px !important;
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(0,0,0,0.06) !important;
}

.rhea_ultra_prop_card__meta {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.rhea_ultra_meta_icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
}

.rhea_ultra_meta_icon svg {
    width: 20px !important;
    height: 20px !important;
}

.rhea_ultra_meta_box {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.2 !important;
}

.rhea_ultra_meta_box .figure {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
}

.rhea-meta-labels {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #999 !important;
    margin-bottom: 2px !important;
}

/* Hide specific meta items if requested (e.g. Year Built) */
.rhea_ultra_prop_card__meta[style*="year-built"],
.rhea_ultra_prop_card__meta[style*="Build"] {
    display: none !important;
}

/* ── TIKTOK VIDEO PORTAL STYLES ── */
.tiktok-video-wrapper .tiktok-embed {
    margin: 0 auto !important;
}


.tiktok-card {
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

.tiktok-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(254, 44, 85, 0.15) !important;
    border-color: #fe2c55;
}

.tiktok-card-media img {
    transition: transform 0.6s ease !important;
}

.tiktok-card:hover .tiktok-card-media img {
    transform: scale(1.1);
}

.tiktok-card:hover .play-overlay {
    opacity: 1 !important;
}

.tiktok-pagination .page-numbers {
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #333;
    border-radius: 50%;
    margin: 0 5px;
    font-weight: 700;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    transition: all 0.3s;
}

.tiktok-pagination .page-numbers.current {
    background: #fe2c55;
    color: #fff;
}

.tiktok-pagination .page-numbers:hover:not(.current) {
    background: #1CB2FF;
    color: #fff;
}

/* Fix for TikTok blockquote embed width */
.tiktok-video-wrapper .tiktok-embed {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}