/* ============================================================
   PADELSHOP — gabarit archive.php (rubrique Conseils)
   ============================================================ */
/* Article en tête : un seul, traité comme une affiche. */
.une{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,3.5vw,3rem);
  background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-carte);overflow:hidden;align-items:stretch}
.une-visuel{background:linear-gradient(150deg,var(--court-2),var(--court));position:relative;min-height:300px;overflow:hidden}
/* SVG en absolu : sans hauteur définie sur le conteneur, un height:% ne se résout
   pas et le dessin part à sa taille intrinsèque. */
.une-visuel svg.sujet{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:auto;height:64%;color:rgba(255,255,255,.9);z-index:2}
.une-visuel img.sujet{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.une-corps{padding:clamp(1.5rem,3vw,2.5rem);display:flex;flex-direction:column;justify-content:center;gap:.9rem}
.une-cat{font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--azur)}
.une h2{font-size:clamp(1.5rem,2.8vw,2.2rem);font-variation-settings:'wdth' 112;line-height:1.08;text-wrap:balance}
.une p{color:var(--gris);line-height:1.65;max-width:52ch}
@media(max-width:860px){
  .une{grid-template-columns:1fr}
  .une-visuel{min-height:210px}
}
/* ---------- Club ---------- */
.club{background:linear-gradient(155deg,var(--court-2),var(--court));color:#fff;border-radius:var(--r-carte);
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(1.75rem,4vw,3rem);align-items:center;
  position:relative;overflow:hidden}
.club>*{position:relative;z-index:2}
.club h2{margin-bottom:.7rem}
.club>div>p{color:rgba(255,255,255,.75);max-width:42ch}
.club-form{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.8rem}
.club-form input{flex:1;min-width:200px;padding:.9rem 1.1rem;border-radius:var(--r-btn);border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff}
.club-form input::placeholder{color:rgba(255,255,255,.5)}
.club-form input:focus{outline:none;border-color:var(--balle)}
.club-legal{font-size:.75rem;color:rgba(255,255,255,.55)}
@media(max-width:820px){
  .club{grid-template-columns:1fr}
}