/* =============================================
   LEAWHOMES - IV & GLOBAL FIXES
   ============================================= */

/* --- Navbar ---
   webflow-extra.css'deki .navbar { background-color: var(--seashell) } kuralını geçersiz kıl.
   IV result sayfasında InstantValuationResult.vue'nun "body.iv-result-active .navbar !important"
   kuralını yenmek için .navbar.navbar (özgüllük +10) kullanılıyor.
*/
.navbar,
.navbar.navbar {
    background-color: var(--navbar-bg-color) !important;
}

.navbar.sticky,
.navbar.navbar.sticky {
    background-color: var(--navbar-sticky-bg-color) !important;
}

/* IV result sayfasında navbar arka planını koru */
body.iv-result-active .navbar.navbar {
    background-color: var(--navbar-bg-color) !important;
}

body.iv-result-active .navbar.navbar.sticky {
    background-color: var(--navbar-sticky-bg-color) !important;
}

/* --- IV Result Renk Sistemi ---
   .instant-valuation-result içinde --c-primary ve --c-secondary'yi
   leawhomes renk sistemiyle eşleştir. Navbar bu blok dışında olduğu için etkilenmez.
*/
.instant-valuation-result {
    --c-primary: var(--base-color);
    --c-secondary: var(--primary-text-color);
}

/* "Market Value" span - gold rengi */
.instant-valuation-result .iv-result-label span {
    color: var(--gold-color) !important;
}

/* Valuation confirm bölümü - başlık ve açıklama daha yumuşak renk */
.instant-valuation-result .iv-confirm-title,
.instant-valuation-result .iv-confirm-description {
    color: var(--muted-text-color) !important;
}

/* --- Address Banner ---*/
.iv-address-banner-body {
    background-color: var(--gold-color) !important;
}

.iv-address-banner-line {
    background-color: var(--primary-text-color) !important;
}

.iv-address-banner-text {
    color: var(--text-color) !important;
}

/* --- Property Tags (Terraced / Bed / Bath vb.) --- */
.iv-property-tag {
    border: 1.5px solid var(--gold-color) !important;
    color: var(--primary-text-color) !important;
}

/* --- IV Butonları --- */
button.n-primary.iv-btn {
    background-color: var(--gold-color) !important;
    color: var(--text-color) !important;
    border-radius: var(--rounded) !important;
    font-family: var(--f-secondary) !important;
}

button.n-primary.iv-btn:hover:not(:disabled) {
    background-color: var(--button-primary-bg-hover) !important;
    border-color: var(--button-primary-bg-hover) !important;
}

button.n-secondary.iv-btn,
button.n-secondary.iv1-find-btn {
    background-color: transparent !important;
    color: var(--gold-color) !important;
    border: 1px solid var(--gold-color) !important;
    border-radius: var(--rounded) !important;
    font-family: var(--f-secondary) !important;
}

button.n-secondary.iv-btn:hover:not(:disabled),
button.n-secondary.iv1-find-btn:hover:not(:disabled) {
    background-color: var(--gold-color) !important;
    color: var(--text-color) !important;
}

/* --- Ev Özellikleri (yatak odası / banyo / salon) Üst Border ---
   Fiyat bölümünden görsel ayırıcı olarak üst kenarlık ekle.
*/

/* PropertyItem bileşeni (PropertiesBox grid) */
.project-content .d-flex.flex-wrap.justify-content-between {
    border-top: 1px solid var(--c-border);
    padding-top: 1rem;
}

/* PropertyDetail sayfası (v1 & v2) */
.section-product-content .d-flex.justify-content-between.mt-5 {
    border-top: 1px solid var(--c-border);
    padding-top: 1.5rem;
}

/* PropertyListItem kart (PropertiesListBox v2) */
.n-card .tw-flex.tw-flex-row.tw-gap-8 {
    border-top: 1px solid var(--c-border);
    padding-top: 1rem;
}

.pdtp-done-btn {
    background-color: var(--base-color) !important;
}

/* Saat pill'leri hover ve active */
.pdtp-pill:hover,
.pdtp-pill--active {
    background: var(--base-color) !important;
    border-color: var(--base-color) !important;
    color: var(--text-color) !important;
}

/* Gün butonları hover ve active */
.pdtp-day-btn:hover,
.pdtp-day-btn--active,
.pdtp-day-btn--expanded:not(.pdtp-day-btn--active) {
    border-color: var(--base-color) !important;
}

.pdtp-day-btn--active {
    background: var(--base-color) !important;
    color: var(--text-color) !important;
}

/* Trigger hover */
.pdtp-trigger:hover {
    border-color: var(--base-color) !important;
}

.iv-result-asterisk {
    color: var(--primary-text-color) !important;
}