/*
 * İsletme Tema Renk Geçersiz Kılmaları
 * styles.css'teki hardcode #fa2964 / #121B22 değerlerini CSS değişkenleriyle ezer.
 * Değişkenler app.blade.php'de siteData'dan enjekte edilir;
 * varsayılanlar tema orijinal renkleriyle aynıdır (değişiklik gerekmez).
 */

/* ---- Butonlar & CTA ---- */
a.button, .button,
.homepage-3 a.button.border, .homepage-3 a.button,
.homepage-4 a.button.border, .homepage-4 a.button,
.homepage-1 a.button.border, a.button,
.homepage-4 .header-image .left .btn-white { background: var(--color-primary) !important; }

a.button:hover, .button:hover { background: var(--color-primary-hover) !important; }

.btn-default.btn-theme-colored2 { background-color: var(--color-primary) !important; }
.btn-default.btn-theme-colored2:hover { background: var(--color-primary-hover) !important; }
.btn-theme-colored2 { background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; }
.btn.btn-outline-light:hover { background: var(--color-primary) !important; }
.info-help .info-head .info-text .btn-pro { background: var(--color-primary) !important; }

/* ---- Arama formu ---- */
.bloq-search input[type="text"] { border-color: var(--color-primary) !important; }
.bloq-search input[type="submit"] { background: var(--color-primary) !important; }
.bloq-search input[type="submit"]:hover { background: var(--color-primary-hover) !important; }
.parallax-search .main-search-field .search-btn,
.parallax-searchs .search-btn,
.rld-main-search .btn-yellow,
.btn-yellow { background: var(--color-primary) !important; border-color: var(--color-primary) !important; }
.parallax-search .form-group .nice-select:hover,
.parallax-search .form-group .nice-select i { color: var(--color-primary) !important; }
.rld-main-search .button { background: var(--color-primary) !important; }

/* ---- Başlıklar / Başlık dekoru ---- */
.section-title h2 { color: var(--color-primary) !important; }
.section-title h2::before,
.section-title h2::after { background-color: var(--color-primary) !important; }
.title-style p { color: var(--color-primary) !important; }
.text-theme-colored2 { color: var(--color-primary) !important; }
.counterup .title-style p { color: var(--color-primary) !important; }

/* ---- Header üst bar ---- */
.header-top { background: var(--color-primary) !important; }
.header-top.head-2 { background: var(--color-primary) !important; }
.top-social .login-wrap ul li a:hover { color: var(--color-primary) !important; }
.header-top .social-icons:hover { color: var(--color-primary) !important; }
.header-top .dropdown button:hover { color: var(--color-primary) !important; }

/* ---- Navigasyon ---- */
#main-menu ul li.active a { color: var(--color-primary) !important; }
#main-menu ul a:hover { color: var(--color-primary) !important; }
body.inner-pages #navigation.style-1.head-tr .current { color: var(--color-primary) !important; }
.get-quote:hover { background: var(--color-primary) !important; }

/* Header menü hover: web yönetimi tema renkleri (primary_hover); menu.css #fa2964 üzerine */
#header-container #navigation.style-1 ul#responsive > li:hover {
    background-color: var(--color-primary-hover) !important;
    color: var(--color-primary-hover) !important;
}
#header-container #navigation.style-1 ul#responsive > li:hover > a {
    color: #fff !important;
}
#header-container #navigation ul ul > li:hover {
    background-color: var(--color-primary-hover) !important;
}
#header-container #navigation ul ul > li:hover > a {
    color: #fff !important;
}

/* ---- Listeler / Popüler öğeler ---- */
.popular .homes-content h3:hover { color: var(--color-primary) !important; }
.popular-list .list-details ul li a:hover { color: var(--color-primary) !important; }
.popular-places .img-box:hover { background: var(--color-primary) !important; }
.feature-categories .img-box:hover { background: var(--color-primary) !important; }
.feature-cities-1 .img-box:hover { background: var(--color-primary) !important; }
h4.sc-jb-title a:hover,
.homepage-1 h4.sc-jb-title a:hover { color: var(--color-primary) !important; }

/* ---- Rozet / Badge ---- */
.feature-categories .listing-badges .featured,
.feature-cities-1 .listing-badges .featured,
.homes-tag.featured { background-color: var(--color-primary) !important; }
.listing-badges .featured { background-color: var(--color-primary) !important; }

/* ---- Tab ve Navigasyon Sekmeleri ---- */
.homepage-3 .rld-banner-tab .nav-item a:hover,
.homepage-4 .rld-banner-tab .nav-item a:hover,
.rld-banner-tab .nav-item a.active { background: var(--color-primary) !important; }
.login-and-register-form .tabs-menu li.current a { background: var(--color-primary) !important; }
.login-and-register-form .main-register h3 span strong { color: var(--color-primary) !important; }
.login-and-register-form .submit-pro .submit-button { background: var(--color-primary) !important; }

/* ---- Genel ikonlar & vurgular ---- */
.testimonials .title-icon i { color: var(--color-primary) !important; }
.blog-section .action-list .fa-comment,
.blog-section .action-list .fa-share-alt,
.blog-section .action-list .fa-heart { color: var(--color-primary) !important; }
.blog-section .news-item a:hover h3 { color: var(--color-primary) !important; }
.see-all2 a:hover { color: var(--color-primary) !important; }
.single-pricing .pricing-price .price-2 { color: var(--color-primary) !important; }

/* ---- Kategori kartları ---- */
.popular-categories-item:hover:before,
.popular-categories-item:hover:after { background: var(--color-primary) !important; }
.categories-bx:hover:after,
.categories-bx:hover:before { background-color: var(--color-primary) !important; }
.popular-job-item:hover:before { background: var(--color-primary) !important; }
.job-bx:hover:after { background-color: var(--color-primary) !important; }

/* ---- Owl / Slick dot'ları ---- */
.owl-dot.active { background: var(--color-primary) !important; }
.slick-dots li.slick-active {
    -webkit-box-shadow: inset 0 0 0 6px var(--color-primary) !important;
            box-shadow: inset 0 0 0 6px var(--color-primary) !important;
}
.slick-dots li {
    -webkit-box-shadow: inset 0 0 0 2px var(--color-primary) !important;
            box-shadow: inset 0 0 0 2px var(--color-primary) !important;
}

/* ---- Kaydırıcı oklar ---- */
.tp-leftarrow:hover,
.tp-rightarrow:hover { background: var(--color-primary) !important; }

/* ---- Genel arka plan vurgu bandı ---- */
.join-us { background: var(--color-primary) !important; }

/* ---- Koyu arka plan (footer, header sticky) ---- */
.sticky,
.sticky.head-tr { background: var(--color-dark-bg) !important; }
.header-top.head-2,
.header-top.head-2 .top-bar-menu,
.homepage-2 .head-tr.bottom { background: var(--color-dark-bg) !important; }
.first-footer { background: var(--color-dark-bg) !important; }
.second-footer { background: var(--color-dark-bg) !important; }
.second-footer2 { background: var(--color-dark-bg) !important; }