/* assets/css/style.css - Bootstrap overrides & custom styles */
:root{--accent:#e53935;--muted:#6c757d}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial; background:#f8f9fa}
a{color:var(--accent)}
.navbar-brand .h6{font-weight:700}
.carousel-item img{max-height:420px; object-fit:contain}
.card img{height:220px; object-fit:contain}
footer{background:#fff}
@media (max-width: 767px){
  .carousel-item img{max-height:260px}
  .card img{height:180px}
}

/* Small accessibility/UX tweaks */
.lazy{opacity:0; transition:opacity .4s ease-in-out}
.lazy.loaded{opacity:1}


/* Accessibility/Policy fixes */
img[alt=""], img[alt=" "] { outline: 1px solid #eee; } /* ensure alt present */
.lazy { opacity: 0; transition: opacity .35s ease-in; }
.lazy.loaded { opacity: 1; }

/* Make text selectable in inputs only */
:root { -webkit-user-select: none; user-select: none; }
input, textarea, select, button { -webkit-user-select: text; user-select: text; }

/* Footer readability */
footer small, footer p { font-size: .95rem; color: #6c757d; }