/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

:root{
  --primary: #FF6634;
  --text: #111;
  --bg: #fff;
  --muted: #666;
  --cardW: 250px;
}
[id^="inscription-jpo-"] {
  scroll-margin-top: 90px; /* ajuste selon la hauteur de ton header sticky */
}
/* ===========================
   Événements (evenement.php)
   =========================== */

.ev-wrap{max-width:1100px;margin:0 auto;padding:1.25rem;}
.ev-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.55rem;margin:1rem 0 1.1rem;}
.ev-hero h1{font-size:clamp(1.6rem,2.3vw,2.2rem);line-height:1.15;margin:0;}
.ev-hero p{margin:.15rem 0 0;opacity:.9;max-width:80ch;}

.ev-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.75rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:.4rem;}
.ev-btn{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;
  padding:.72rem 1rem;border-radius:999px;border:1px solid #d7d7d7;
  background:#fff;font-weight:900;text-decoration:none;color:#111;
}
.ev-btn.primary{background:#0b6b3a;color:#fff;border-color:#0b6b3a;}
.ev-btn:hover{-webkit-filter:brightness(.98);filter:brightness(.98);}

.ev-alert{
  margin-top:.75rem;padding:.85rem 1rem;border-radius:14px;
  border:1px solid #ececec;background:#fafafa;
}
.ev-alert.success{border-color:#bde3bd;background:#f2fff2;}
.ev-alert.error{border-color:#f0c2c2;background:#fff2f2;}
.ev-note{opacity:.85;font-size:.95rem;margin-top:.3rem;}

.ev-block{margin:1.2rem 0 0;}
.ev-block__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;margin-bottom:.8rem;}
.ev-block__head h2{margin:0;font-size:clamp(1.25rem,2vw,1.7rem);}
.ev-sub{margin:0;opacity:.85;max-width:85ch;}

.ev-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:repeat(1,1fr);gap:1rem;}
.ev-grid.alt{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);}

.ev-card{
  border:1px solid #ececec;border-radius:18px;background:#fff;
  -webkit-box-shadow:0 8px 22px rgba(0,0,0,.06);
          box-shadow:0 8px 22px rgba(0,0,0,.06);
  overflow:hidden;
}
.ev-media{
  width:100%;
  aspect-ratio: 16/9;
  background:#f3f3f3;
  border-bottom:1px solid #efefef;
  overflow:hidden;
}
.ev-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;}
.ev-card__body{padding:1rem;}
.ev-kicker{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.45rem;
  font-weight:900;font-size:.92rem;
  padding:.22rem .55rem;border-radius:999px;background:#f3f3f3;
}
.ev-card h3{margin:.65rem 0 .35rem;font-size:1.15rem;line-height:1.2;}
.ev-badges{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.4rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:.55rem 0 0;}
.ev-badge{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.35rem;
  padding:.25rem .55rem;border-radius:999px;background:#f3f3f3;font-size:.92rem;
}
.ev-desc{margin:.7rem 0 0;opacity:.92;max-width:80ch;}

.ev-card__actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.6rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:.85rem;}
.ev-link{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.45rem;
  padding:.6rem .8rem;border-radius:12px;border:1px solid #d7d7d7;
  text-decoration:none;font-weight:900;color:#111;background:#fff;
}
.ev-link.primary{background:#0b6b3a;color:#fff;border-color:#0b6b3a;}
.ev-link:hover{-webkit-filter:brightness(.98);filter:brightness(.98);}

.ev-empty{
  padding:1.1rem;border:1px dashed #cfcfcf;border-radius:18px;background:#fff;
}

/* Form */
.ev-formwrap{
  margin-top:1rem;
  border:1px solid #ececec;border-radius:18px;background:#fff;
  -webkit-box-shadow:0 8px 22px rgba(0,0,0,.06);
          box-shadow:0 8px 22px rgba(0,0,0,.06);
  padding:1rem;
}
.ev-formwrap h3{margin:0 0 .25rem;}
.ev-form{margin-top:.75rem;}
.ev-formgrid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1rem 1fr;grid-template-columns:1fr 1fr;gap:1rem;}
.field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.35rem;}
.field.full{grid-column:1 / -1;}
.field label{font-weight:800;}
.req{color:#b00020;}
.field input,.field textarea{
  width:100%;padding:.7rem;border:1px solid #cfcfcf;border-radius:12px;font-size:1rem;
}
.field textarea{min-height:120px;resize:vertical;}
.check{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.6rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-weight:700;}
.check input{margin-top:.2rem;}
.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}

.ev-past{margin-top:1rem;border:1px solid #ececec;border-radius:18px;background:#fff;padding:.75rem 1rem;}
.ev-past summary{cursor:pointer;font-weight:900;}
.ev-past__list{margin-top:.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.8rem;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.ev-past__item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.45rem;background:#f3f3f3;border-radius:999px;padding:.3rem .6rem;}
.ev-badge.hot{background:#0b6b3a;color:#fff;border:1px solid #0b6b3a;}
    .ev-badge.time{background:#f3f3f3;}
    .ev-badge.duration{background:#f3f3f3;}
    .ev-media{
  width: 100%;
  height: 260px;          /* augmente la hauteur */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f3f3f3;    /* fond neutre si bandes */
  overflow: hidden;
}

.ev-media img{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;    /* montre toute l’image */
  -o-object-position: center;
     object-position: center;
  display: block;
}
.ev-media{
  margin-left: auto;
  margin-right: auto;
}
/* Responsive */
@media (max-width: 980px){
  .ev-grid{-ms-grid-columns:1fr;grid-template-columns:1fr;}
  .ev-grid.alt{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 640px){
  .ev-grid.alt{-ms-grid-columns:1fr;grid-template-columns:1fr;}
  .ev-formgrid{-ms-grid-columns:1fr;grid-template-columns:1fr;}
}