/* SUTOL-CI — styles complémentaires à Tailwind */

:root {
  --brand: #926414;
  --brand-dark: #6b4a0e;
  --ink: #0b2a3c;
  --sun: #f59e0b;
}

html { scroll-behavior: smooth; }
body { font-family: 'Poppins', system-ui, sans-serif; color: #1f2937; }

/* Lien actif dans le menu */
.nav-link { position: relative; padding: .5rem .25rem; font-weight: 500; transition: color .2s; }
.nav-link::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: var(--sun); transform: scaleX(0); transform-origin: left; transition: transform .25s;
}
.nav-link:hover, .nav-link.is-active { color: var(--brand); }
.nav-link:hover::after, .nav-link.is-active::after { transform: scaleX(1); }

/* Slider d'accueil */
.slider { position: relative; overflow: hidden; }
.slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease; }
.slide.is-active { opacity: 1; }
.slide img { width: 100%; height: 100%; object-fit: cover; }
.slider-dot { width: .75rem; height: .75rem; border-radius: 9999px; background: rgba(255,255,255,.5); transition: all .2s; }
.slider-dot.is-active { background: var(--sun); width: 2rem; }

/* Bandeau de page interne */
.page-banner {
  background:
    linear-gradient(135deg, rgba(11,42,60,.92), rgba(146,100,20,.85)),
    url('../img/AC_Construction-02.jpg') center/cover;
}

/* Apparition au scroll */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
  .slide { transition: none; }
  html { scroll-behavior: auto; }
}

/* Listes à puces des services */
.check-list li { position: relative; padding-left: 1.75rem; margin-bottom: .6rem; }
.check-list li::before {
  content: ""; position: absolute; left: 0; top: .45rem; width: .9rem; height: .9rem; border-radius: 9999px;
  background: var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath d='M8 14.4 4.3 10.7l1.4-1.4L8 11.6l6.3-6.3 1.4 1.4z'/%3E%3C/svg%3E") center/70% no-repeat;
}

/* Galerie + lightbox */
.gallery-item img { transition: transform .5s ease; }
.gallery-item:hover img { transform: scale(1.08); }
#lightbox { display: none; }
#lightbox.is-open { display: flex; }

/* Focus visible accessible */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--sun); outline-offset: 2px;
}