/* ----------------------------------------------------
   Global Styles for Vitara Gaia House
   ---------------------------------------------------- */

/* BODY / GLOBAL TEXT */
body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: #0F0F0E;
  color: #F4F1EA;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* DISPLAY SERIF (Headings) */
.font-display {
  font-family: "Playfair Display", "Times New Roman", serif;
}

/* NAV LINK STYLING */
.nav-link {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.72rem;
}

/* LUXURY IMAGE FILTER */
.filtered-img {
  filter: brightness(0.72) contrast(1.1) saturate(0.85);
  transition: filter 0.4s ease;
}

.filtered-img:hover {
  filter: brightness(0.85) contrast(1.15) saturate(0.95);
}

/* DARK OVERLAY FOR IMAGES */
.dark-overlay {
  position: relative;
}

.dark-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none;
}

/* SOFT CARD SHADOWS */
.card-soft {
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(10px);
}

/* SMOOTH TRANSITIONS */
.smooth {
  transition: all 0.3s ease-in-out;
}

/* GOLD HOVER ELEMENTS */
.hover-gold:hover {
  background-color: #D8C7A2 !important;
  color: #0D0D0B !important;
}

/* GOLD TEXT ACCENT */
.text-gold {
  color: #D8C7A2;
}

/* ROUNDED HOUSE IMAGERY */
.rounded-lux {
  border-radius: 1.25rem;
  overflow: hidden;
}

/* FOOTER SMALL TEXT */
.footer-small {
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  color: rgba(244, 241, 234, 0.5);
}

.filtered-img {
  filter: brightness(0.75) contrast(1.15) saturate(0.9);
}

.dark-overlay {
  position: relative;
}

.dark-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  backdrop-filter: blur(1px);
}

/* Frame style (already in use for cards) */
.frame {
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 1rem;
  overflow: hidden;
}

/* Slideshow */
.slideshow-container {
  position: relative;
}

.slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.6s ease-in-out;
}

.slide.active {
  opacity: 1;
}

/* Slightly darker, moodier image treatment */
.filtered-img {
  filter: brightness(0.72) contrast(1.05) saturate(0.85);
}