/*
Theme Name: La Purge
Theme URI: http://localhost/purge-wordpress
Author: La Purge
Description: Thème sur mesure — migration 1:1 du site React « La Purge » (centre de loisirs & sports indoor).
Version: 1.0.0
Requires PHP: 8.0
License: Proprietary
Text Domain: lapurge
*/

*{box-sizing:border-box}
:root{color-scheme:dark}
html{scroll-behavior:smooth;background:#0d0d0d}
body{margin:0;background:#0d0d0d;color:#F2F2F0;font-family:Montserrat,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
input,select,textarea{font-family:Montserrat,system-ui,sans-serif}
input::placeholder,textarea::placeholder{color:#6a6a6a}
input:focus,select:focus,textarea:focus{outline:none;border-color:#FFB000 !important}
@keyframes marqueeX{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Grain global (page Accueil) */
.grain-overlay::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;background-image:url(assets/grain.png);background-size:180px 180px;opacity:.5;mix-blend-mode:overlay}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  header{padding:12px 16px!important}
  #burger{display:flex!important}
  header nav{position:fixed!important;top:78px!important;left:0!important;right:0!important;flex-direction:column!important;align-items:flex-start!important;background:rgba(8,8,8,.98)!important;padding:22px 22px 26px!important;gap:20px!important;border-bottom:1px solid #1c1c1c;display:none!important}
  body.menu-open header nav{display:flex!important}
  header nav a{font-size:14px!important;letter-spacing:.1em!important}
  section{padding-left:20px!important;padding-right:20px!important}
  .sec-flex{flex-direction:column!important;gap:30px!important}
  .fitem{flex:1 1 100%!important;width:100%!important}
  .g4{grid-template-columns:repeat(2,1fr)!important}
  .g3{grid-template-columns:1fr!important}
  .g2{grid-template-columns:1fr!important}
  .gf{grid-template-columns:1fr 1fr!important}
  .hero-logo{width:240px!important}
  h1{font-size:46px!important;line-height:.97!important}
  h2{font-size:32px!important}
  .sig-photo{display:none!important}
}
@media(max-width:560px){
  .g4{grid-template-columns:1fr!important}
  .gf{grid-template-columns:1fr!important}
  h1{font-size:36px!important}
  h2{font-size:25px!important}
  .act-card{flex-direction:column!important}
  .act-thumb{width:100%!important;height:170px!important;border-right:none!important;border-bottom:2px solid #FFB000!important}
}
.g2>*,.g3>*,.g4>*,.gf>*{min-width:0}

/* ---------- Hover (généré) ---------- */
.hv0:hover{color:#FFB000 !important}
.hv1:hover{background:#ffc233 !important}
.hv2:hover{border-color:#FFB000 !important;color:#FFB000 !important}
.hv3:hover{transform:translateY(-6px) !important;border-color:#FFB000 !important}
.hv4:hover{background:#000 !important}
.hv5:hover{background:rgba(0,0,0,.08) !important}
.hv6:hover{border-color:#FFB000 !important}
.hv7:hover{transform:translateY(-5px) !important;border-color:#FFB000 !important}
.hv8:hover{background:#FFB000 !important;color:#0d0d0d !important}