/* ===================================================================
   Costa Blanca Homes — custom styles
   Fine-tuning that Tailwind utilities don't cover. Tailwind itself
   (utilities + theme + component classes) is still loaded via the CDN
   in index.html.
   =================================================================== */

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}

body { -webkit-font-smoothing: antialiased; }
section[id] { scroll-margin-top: 92px; } /* keep headings clear of the fixed navbar */

#navbar { transition: background-color .3s ease, box-shadow .3s ease; }
.nav-scrolled { background-color: rgba(250,251,252,.9); box-shadow: 0 1px 0 rgba(30,58,95,.06), 0 12px 30px -14px rgba(30,58,95,.22); }

.nav-link::after { content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; border-radius:2px; background:#1E3A5F; transform:scaleX(0); transform-origin:left; transition:transform .25s ease; }
.nav-link:hover::after, .nav-link:focus-visible::after { transform:scaleX(1); }

.lang-active { background-color:#1E3A5F; color:#fff; }

/* Reveal-on-scroll (only active when JS runs, so no-JS visitors still see everything) */
.js .reveal { opacity:0; transform: translateY(18px); transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
.js .reveal.revealed { opacity:1; transform:none; }

/* Featured gallery thumbnails */
.featured-main { transition: opacity .3s ease; }
.thumb { transition: box-shadow .2s ease, transform .2s ease; }
.thumb:hover { transform: translateY(-2px); }
.thumb-active { box-shadow: 0 0 0 2px #1E3A5F; }

:focus-visible { outline: 2px solid #1E3A5F; outline-offset: 2px; }