/*
 * Maxpride Ventures - Color Theme Override
 * Color Scheme: Blue Zodiac / Tiara / Fountain Blue / Regent Gray
 * 
 * Blue Zodiac:   #0C243C  (Primary Dark - Navbar, Headers, Backgrounds)
 * Tiara:         #C9D1D5  (Light Neutral - Backgrounds, Borders)
 * Fountain Blue: #55C2C3  (Accent - Buttons, Highlights, CTAs)
 * Regent Gray:   #7E8C9C  (Secondary Text, Icons, Muted Elements)
 */

:root {
  --color-primary:      #0C243C;
  --color-primary-dark: #0a1c2e;
  --color-accent:       #55C2C3;
  --color-accent-dark:  #3aabac;
  --color-neutral:      #C9D1D5;
  --color-gray:         #7E8C9C;
  --color-white:        #ffffff;
  --color-light-bg:     #f0f4f5;
}

/* ===== TOPBAR ===== */
.topbar {
  background-color: var(--color-primary-dark) !important;
}
.topbar-link a,
.topbar-text {
  color: var(--color-neutral) !important;
}
.topbar-link a:hover {
  color: var(--color-accent) !important;
}

/* ===== NAVBAR — WHITE HEADER ===== */
.navbar-soft,
nav.navbar {
  background-color: #ffffff !important;
  border-bottom: 2px solid var(--color-neutral) !important;
  box-shadow: 0 2px 10px rgba(12,36,60,0.08) !important;
}
.navbar .nav-link,
.navbar .navbar-brand {
  color: var(--color-primary) !important;
}
.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: var(--color-accent) !important;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230C243C' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* ===== BUTTONS ===== */
.btn-primary,
.btn[class*="btn-primary"] {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}
.btn-primary:hover {
  background-color: #1a4a70 !important;
  border-color: #1a4a70 !important;
}
.btn-view-units,
.btn-social {
  background-color: var(--color-primary) !important;
  border-color: var(--color-accent) !important;
}
.btn-social:hover {
  background-color: var(--color-accent) !important;
}

/* ===== CARDS & SECTIONS ===== */
.property-card {
  border-top: 3px solid var(--color-accent) !important;
}
.ad-card {
  border-left-color: var(--color-primary) !important;
  background-color: var(--color-light-bg) !important;
}
.price-tag,
.ad-carousel .price-tag {
  background-color: var(--color-primary) !important;
}

/* ===== SECTIONS ===== */
.bg-light {
  background-color: var(--color-light-bg) !important;
}
.bg-theme-footer,
footer,
.wrapper__footer {
  background-color: var(--color-primary) !important;
}
.bg__footer-bottom-v1 {
  background-color: var(--color-primary-dark) !important;
}

/* ===== FOOTER ===== */
.footer-title,
.widget__footer h4 {
  color: var(--color-accent) !important;
}
.widget__footer ul li a,
.footer-section a {
  color: var(--color-neutral) !important;
}
.widget__footer ul li a:hover,
.footer-section a:hover {
  color: var(--color-accent) !important;
}
.footer-section h3 {
  color: var(--color-accent) !important;
}
.copyright {
  border-top-color: rgba(255,255,255,0.1) !important;
  color: var(--color-neutral) !important;
}

/* ===== CTA SECTION ===== */
.cta-v1 {
  background-color: var(--color-primary) !important;
}

/* ===== SEARCH FORM ===== */
.search-container {
  border-top: 4px solid var(--color-accent) !important;
}
.search-form .btn,
.search-container .btn {
  background-color: var(--color-accent) !important;
  border-color: var(--color-accent) !important;
  color: white !important;
}
.search-form .btn:hover {
  background-color: var(--color-accent-dark) !important;
}
.form-group input:focus,
.form-group select:focus,
.form-control:focus {
  border-color: var(--color-accent) !important;
  box-shadow: 0 0 0 3px rgba(85, 194, 195, 0.2) !important;
}

/* ===== PROPERTY FEATURES ===== */
.feature-item i,
.property-location i {
  color: var(--color-accent) !important;
}
.property-title {
  color: var(--color-primary) !important;
}

/* ===== HOVER OVERLAYS ===== */
.container .box .top:before {
  background-color: rgba(85, 194, 195, 0.82) !important;
}

/* ===== PRICE ===== */
.container .box .bottom .price span:last-of-type {
  color: var(--color-accent) !important;
}

/* ===== AIRBNB / BOOKING PAGE ===== */
.booking-form-container h2,
.property-title,
.price-total,
.terms-section h4 {
  color: var(--color-primary) !important;
}
.guest-btn {
  background-color: var(--color-primary) !important;
}
.guest-btn:hover {
  background-color: var(--color-accent) !important;
}
.price-info {
  background-color: var(--color-light-bg) !important;
  border-left: 3px solid var(--color-accent) !important;
}
.terms-content {
  background-color: var(--color-light-bg) !important;
  border-left: 3px solid var(--color-neutral) !important;
}
.amenities span {
  background-color: #e8f7f7 !important;
  color: var(--color-primary) !important;
}

/* ===== RETURN TO TOP ===== */
#return-to-top {
  background-color: var(--color-accent) !important;
  color: white !important;
}
#return-to-top:hover {
  background-color: var(--color-primary) !important;
}

/* ===== CAROUSEL CONTROLS ===== */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: var(--color-accent) !important;
  border-radius: 50%;
}

/* ===== AIRBNB CARDS ===== */
.airbnb-card {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(12, 36, 60, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.airbnb-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 25px rgba(12, 36, 60, 0.18);
}

/* ===== PHOTO NAV BUTTONS ===== */
.photo-prev, .photo-next {
  background: rgba(12, 36, 60, 0.6) !important;
}
.photo-prev:hover, .photo-next:hover {
  background: var(--color-accent) !important;
}

/* ===== ALERTS / SUCCESS / ERROR ===== */
.alert-success {
  background-color: #e8f7f7 !important;
  color: #0a7a7b !important;
  border-color: var(--color-accent) !important;
}
.alert-error {
  background-color: #fee !important;
  color: #c00 !important;
}

/* ===== MAP & LOCATION BADGES ===== */
.badge-primary {
  background-color: var(--color-primary) !important;
}
.badge-info {
  background-color: var(--color-accent) !important;
}

/* ===== POPULAR PLACES OVERLAY ===== */
.card__image-hover-style-v3 .overlay {
  background: linear-gradient(to top, rgba(12, 36, 60, 0.85) 0%, transparent 100%) !important;
}
.overlay .desc h6 {
  color: white !important;
}
.overlay .desc p {
  color: var(--color-neutral) !important;
}

/* ===== DASHBOARD & ADMIN ===== */
.dashboard-card .card-header {
  background-color: var(--color-primary) !important;
  color: white !important;
}
.dashboard-card .card-header .badge {
  background-color: var(--color-accent) !important;
}

/* ===== ACTIVE STATES ===== */
a.active,
.nav-item a.active {
  color: var(--color-accent) !important;
}

/* ===== AIRBNB SECTION SPECIFIC ===== */
.airbnb-section-header {
  background: linear-gradient(135deg, var(--color-primary) 0%, #1a4a6e 100%);
  color: white;
  padding: 3rem 0;
  margin-bottom: 2rem;
}
.airbnb-filter-bar {
  background-color: var(--color-neutral);
  padding: 1rem;
  border-radius: 8px;
}
.airbnb-filter-bar select,
.airbnb-filter-bar input {
  border-color: var(--color-gray) !important;
}
.airbnb-price-tag {
  background: var(--color-primary);
  color: white;
  font-weight: bold;
}
.airbnb-nightly-badge {
  background: var(--color-accent);
  color: white;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 0.85rem;
}

/* ===== BOOKING SUBMIT BUTTON ===== */
button[name="submit_booking"].btn,
.btn[name="submit_booking"] {
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark)) !important;
  border: none !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.5px;
  transition: all 0.3s ease !important;
}
button[name="submit_booking"].btn:hover {
  background: linear-gradient(135deg, var(--color-primary), #1a4a6e) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(85, 194, 195, 0.4) !important;
}

/* ===== WHATSAPP FLOAT ===== */
.whatsapp-float {
  background-color: #25d366 !important;
}