/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- *//* ============================================
   CASAPPI — Custom Brand CSS
   Primary: #5E17EB (Violet)
   Style: Violet accents on clean white
   ============================================ */

/* === GLOBAL BRAND COLORS === */
:root {
  --casappi-primary: #5E17EB;
  --casappi-primary-hover: #4A0FCC;
  --casappi-primary-light: #EDE5FF;
  --casappi-primary-ultra-light: #F7F3FF;
  --casappi-dark: #1A1A2E;
  --casappi-text: #2D2D3F;
  --casappi-text-light: #6B7280;
  --casappi-white: #FFFFFF;
  --casappi-bg: #FAFAFA;
  --casappi-border: #E5E7EB;
}

/* === BUTTONS — All primary buttons become violet === */
.btn-primary,
.btn-secondary,
.btn-search,
.btn-primary-outlined,
a.btn-primary,
a.btn-secondary,
button.btn-primary,
button.btn-secondary,
.houzez-btn-primary,
input[type="submit"],
.elementor-button,
.search-button button,
.half-map-search-js-btn {
  background-color: var(--casappi-primary) !important;
  border-color: var(--casappi-primary) !important;
  color: var(--casappi-white) !important;
  transition: all 0.2s ease !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-search:hover,
a.btn-primary:hover,
a.btn-secondary:hover,
button.btn-primary:hover,
button.btn-secondary:hover,
.houzez-btn-primary:hover,
input[type="submit"]:hover,
.elementor-button:hover,
.half-map-search-js-btn:hover {
  background-color: var(--casappi-primary-hover) !important;
  border-color: var(--casappi-primary-hover) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(94, 23, 235, 0.25) !important;
}

/* === LINKS === */
a {
  color: var(--casappi-primary);
}

a:hover {
  color: var(--casappi-primary-hover);
}

/* === HEADER / NAVIGATION === */
.header-wrap,
.houzez-header-wrap,
.navbar,
.houzez-main-header {
  background-color: var(--casappi-white) !important;
  border-bottom: 1px solid var(--casappi-border) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.houzez-nav-menu-main-desktop-wrap .nav-link:hover,
.houzez-nav-menu-main-desktop-wrap .nav-link.active,
.main-menu .nav > li > a:hover,
.main-menu .nav > li.current-menu-item > a {
  color: var(--casappi-primary) !important;
}

/* === TOP BAR === */
.topbar,
.houzez-topbar {
  background-color: var(--casappi-dark) !important;
}

/* === SEARCH BAR === */
.advanced-search .form-control:focus,
.houzez-search-form-js .form-control:focus,
input.form-control:focus,
select.form-control:focus {
  border-color: var(--casappi-primary) !important;
  box-shadow: 0 0 0 3px rgba(94, 23, 235, 0.1) !important;
}

/* === PROPERTY CARDS === */
.item-listing-wrap:hover,
.item-wrap:hover {
  box-shadow: 0 8px 25px rgba(94, 23, 235, 0.08) !important;
  transform: translateY(-2px);
  transition: all 0.25s ease !important;
}

.item-listing-wrap .item-price,
.item-wrap .item-price,
.listing-price,
.item-price .item-price-text {
  color: var(--casappi-primary) !important;
  font-weight: 700 !important;
}

/* === FAVORITE / SAVE BUTTON === */
.add-favorite-js:hover .icon-love-it,
.icon-love-it.text-danger {
  color: #EF4444 !important;
}

/* === PROPERTY DETAIL PAGE === */
.property-price,
.single-property-price {
  color: var(--casappi-primary) !important;
}

/* === LABELS & BADGES === */
.label-featured,
.houzez-label-featured,
.property-label-wrap .label {
  background-color: var(--casappi-primary) !important;
}

.label-status {
  background-color: var(--casappi-primary) !important;
}

/* === MAP PINS === */
.map-marker-label {
  background-color: var(--casappi-primary) !important;
  color: var(--casappi-white) !important;
  border: 2px solid var(--casappi-white) !important;
  font-weight: 700 !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 8px rgba(94, 23, 235, 0.25) !important;
}

.map-marker-label:hover {
  background-color: var(--casappi-primary-hover) !important;
  transform: scale(1.05);
}

/* === PAGINATION === */
.pagination .page-item.active .page-link,
.page-numbers.current {
  background-color: var(--casappi-primary) !important;
  border-color: var(--casappi-primary) !important;
  color: var(--casappi-white) !important;
}

.pagination .page-link:hover,
.page-numbers:hover {
  color: var(--casappi-primary) !important;
  border-color: var(--casappi-primary) !important;
}

/* === TABS === */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
  background-color: var(--casappi-primary) !important;
  border-color: var(--casappi-primary) !important;
  color: var(--casappi-white) !important;
}

/* === AGENT CARD === */
.agent-card .btn,
.agency-card .btn {
  background-color: var(--casappi-primary) !important;
  border-color: var(--casappi-primary) !important;
}

/* === FOOTER === */
.footer-wrap,
.houzez-footer {
  background-color: var(--casappi-dark) !important;
}

.footer-wrap a:hover {
  color: var(--casappi-primary) !important;
}

/* === DASHBOARD === */
.dashboard-menu .active,
.dashboard-menu li:hover {
  background-color: var(--casappi-primary-light) !important;
  color: var(--casappi-primary) !important;
}

/* === FORM ELEMENTS === */
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active,
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--casappi-primary) !important;
}

/* === LOADING / SPINNER === */
.loader-ripple div {
  border-color: var(--casappi-primary) !important;
}

/* === SOCIAL PROOF ELEMENTS (Custom Casappi additions) === */
.casappi-views-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--casappi-text-light);
  padding: 4px 8px;
  border-radius: 6px;
  background: var(--casappi-primary-ultra-light);
}

.casappi-popular-badge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 10px;
  font-weight: 700;
  color: white;
  padding: 3px 8px;
  border-radius: 6px;
  background: #EF4444;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.casappi-new-badge {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  color: white;
  padding: 3px 8px;
  border-radius: 6px;
  background: var(--casappi-primary);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* === SMOOTH TRANSITIONS EVERYWHERE === */
.item-listing-wrap,
.item-wrap,
a,
.btn,
button,
input,
.form-control,
.nav-link {
  transition: all 0.2s ease !important;
}

/* === SCROLLBAR STYLING === */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--casappi-primary);
}

/* === SELECTION COLOR === */
::selection {
  background-color: var(--casappi-primary-light);
  color: var(--casappi-dark);
}

/* === CLEAN UP — Remove default Houzez teal/blue accent === */
.houzez-primary-color,
.houzez-secondary-color {
  color: var(--casappi-primary) !important;
}

.houzez-primary-bg,
.houzez-secondary-bg {
  background-color: var(--casappi-primary) !important;
}