/**
 * coincy.css — Styles custom Coincy (hors Tailwind)
 * Ce fichier est copié dans squelettes/css/ et chargé par inc-head.html.
 * Contient uniquement ce que Tailwind ne peut pas générer :
 *   - keyframes, pseudo-éléments complexes, reset, classes honeypot, etc.
 *
 * @plugin  Coincy — Site de la commune
 * @version 0.1.0
 */

/* ── Reset & base ───────────────────────────────────────── */
[x-cloak] { display: none !important; }

/* Sticky footer : le body est une colonne flex pleine hauteur */
body {
  background: #f6f1e7;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Le contenu principal (ou la section contact) occupe tout l'espace disponible */
body > main,
body > section {
  flex: 1 1 auto;
}

:focus-visible {
  outline: 3px solid #c4913a;
  outline-offset: 2px;
  border-radius: 3px;
}

/* Scrollbar discrète */
::-webkit-scrollbar        { width: 6px; }
::-webkit-scrollbar-track  { background: #e5d9c3; }
::-webkit-scrollbar-thumb  { background: #8b5e3c; border-radius: 3px; }

/* ── Header sticky — ombre bas ──────────────────────────── */
header.sticky {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

/* ── Hero aerial (sommaire) ─────────────────────────────── */
.hero-aerial {
  background-size: cover;
  background-position: center 42%;
}

/* ── Ombre portée sur le H1 du hero ────────────────────── */
.hero-title {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55), 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* ── Décorations titres ─────────────────────────────────── */
.titre-deco::after {
  content: '';
  display: block;
  width: 44px;
  height: 3px;
  background: #c4913a;
  border-radius: 2px;
  margin-top: 8px;
}

/* ── Tiles hover ────────────────────────────────────────── */
.tile-hover {
  transition: transform .18s ease, box-shadow .18s ease;
}
.tile-hover:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(45, 33, 23, .13);
}

/* ── Cards articles Facebook / actualités ───────────────── */
.fb-post { transition: box-shadow .15s ease; }

/* ── Honeypot anti-spam CVT ─────────────────────────────── */
.cs-honeypot {
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}

/* ── Galerie cartes postales ─────────────────────────────── */
[data-galerie-carte] {
  transition: opacity .2s ease;
}
[data-galerie-carte][style*="display: none"] {
  opacity: 0;
}

/* ── Retour en haut ──────────────────────────────────────── */
.back-to-top {
  z-index: 150;
}

/* ── Bandeau RGPD ────────────────────────────────────────── */
.rgpd-bandeau {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

/* ── Formulaire SPIP — reset classes core ───────────────── */
.formulaire_spip .erreur_message,
.formulaire_spip .reponse_formulaire {
  display: none; /* géré par nos propres classes Tailwind */
}