/* Galerie Inu'Neko - grille + visionneuse (carrousel) sans dependance */
.galerie-intro{max-width:46rem}
.galerie-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.4rem;margin:2.2rem 0 3rem;padding:0;list-style:none}
.galerie-item{margin:0;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(92,58,33,.12);border-radius:6px;overflow:hidden;box-shadow:0 2px 10px rgba(92,58,33,.06);transition:box-shadow .25s,transform .25s}
.galerie-item:hover{box-shadow:0 10px 28px rgba(92,58,33,.14);transform:translateY(-3px)}
.galerie-ouvrir{display:block;padding:0;margin:0;border:0;background:#EFE7DA;cursor:zoom-in;aspect-ratio:4/3;overflow:hidden;width:100%}
.galerie-ouvrir img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.galerie-item:hover .galerie-ouvrir img{transform:scale(1.04)}
.galerie-ouvrir:focus-visible{outline:3px solid #DE6523;outline-offset:-3px}
.galerie-item figcaption{min-height:3.4rem;padding:.8rem 1rem 1rem;font-size:.92rem;line-height:1.5;color:#5C3A21}
.galerie-vide{padding:2rem;border:1px dashed rgba(92,58,33,.3);border-radius:6px;text-align:center;color:#5C3A21}

.visionneuse{position:fixed;inset:0;z-index:2000;display:none;background:rgba(38,24,14,.94);color:#F7F3EC}
.visionneuse.ouverte{display:grid;grid-template-rows:auto 1fr auto}
.visionneuse-haut{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;font-size:.9rem;letter-spacing:.04em}
.visionneuse-scene{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 4.5rem;touch-action:pan-y}
.visionneuse-scene img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 12px 40px rgba(0,0,0,.4);opacity:0;transition:opacity .3s}
.visionneuse-scene img.chargee{opacity:1}
.visionneuse-legende{padding:1rem 1.5rem 1.6rem;text-align:center;max-width:52rem;margin:0 auto;font-size:1rem;line-height:1.55;min-height:3.2rem}
.visionneuse button{font:inherit;color:#fff;background:#DE6523;border:0;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}
.visionneuse button:hover{background:#B9501A;transform:scale(1.06)}
.visionneuse button:focus-visible{outline:3px solid #F7F3EC;outline-offset:3px}
.visionneuse .v-prec,.visionneuse .v-suiv{position:absolute;top:50%;transform:translateY(-50%)}
.visionneuse .v-prec:hover,.visionneuse .v-suiv:hover{transform:translateY(-50%) scale(1.06)}
.visionneuse .v-prec{left:1rem}
.visionneuse .v-suiv{right:1rem}
.visionneuse .v-fermer{background:transparent;border:1px solid rgba(247,243,236,.5)}
.visionneuse .v-fermer:hover{background:rgba(247,243,236,.12)}
.visionneuse-vignettes{display:flex;gap:.5rem;justify-content:center;overflow-x:auto;padding:0 1rem 1.2rem}
.visionneuse-vignettes button{width:64px;height:48px;border-radius:3px;padding:0;overflow:hidden;background:none;opacity:.5;flex:0 0 auto}
.visionneuse-vignettes button[aria-current="true"]{opacity:1;outline:2px solid #DE6523}
.visionneuse-vignettes img{width:100%;height:100%;object-fit:cover}
body.visionneuse-active{overflow:hidden}
@media(max-width:640px){.visionneuse-scene{padding:0 .5rem}.visionneuse .v-prec,.visionneuse .v-suiv{top:auto;bottom:.5rem;transform:none;width:42px;height:42px}.visionneuse .v-prec:hover,.visionneuse .v-suiv:hover{transform:none}.visionneuse-vignettes{display:none}}

/* Boutons des formulaires — page Premier pas */
.button--card {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  margin-top: 0.35rem;
  padding: 0.85rem 1.15rem;
  border: 1px solid #df6b27;
  border-radius: 0.35rem;
  background: #df6b27;
  color: #ffffff !important;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.button--card:hover,
.button--card:focus-visible {
  border-color: #b84c16;
  background: #b84c16;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-2px);
$path = ".\public\premier-pas.html"
$html = Get-Content -Path $path -Raw -Encoding UTF8

$html = $html -replace 'class="card-link"', 'class="card-link button--card"'

Set-Content -Path $path -Value $html -Encoding UTF8

$cssPath = ".\public\assets\css\style.css"

if (-not (Test-Path $cssPath)) {
  $cssPath = (Get-ChildItem .\public -Recurse -File -Filter *.css | Select-Object -First 1).FullName
}

$css = Get-Content -Path $cssPath -Raw -Encoding UTF8

if ($css -notmatch '\.button--card') {
  $css += @'

/* Boutons des formulaires — page Premier pas */
.button--card {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  margin-top: 0.35rem;
  padding: 0.85rem 1.15rem;
  border: 1px solid #df6b27;
  border-radius: 0.35rem;
  background: #df6b27;
  color: #ffffff !important;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.button--card:hover,
.button--card:focus-visible {
  border-color: #b84c16;
  background: #b84c16;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-2px);
  box-shadow: 0 0.45rem 0.9rem rgba(93, 47, 24, 0.2);
}

.button--card:focus-visible {
  outline: 3px solid rgba(223, 107, 39, 0.35);
  outline-offset: 3px;
}