/* ============================================================
   TENNISSHOP : page d'accueil (maquette accueil-v3)
   Les sections de la maquette sont déjà stylées dans style.css :
   ici, seulement les ajouts propres au gabarit WordPress.
   ============================================================ */

/* Lien « tout voir » sous un titre de section centré */
.titre .lien-tout{display:inline-block;margin-top:.7rem}

/* Bloc « Trouve ta raquette » (remplace l'atelier cordage) */
.atelier .outil-nom{display:block}
.atelier-legende{font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);padding:0 .3rem .2rem}
.atelier-tarifs b{font-size:1.1rem;white-space:nowrap}

/* Espace clubs : lien secondaire sous le bouton devis */
.club-lien{margin-top:1rem;font-weight:700;font-size:.9rem;color:rgba(255,255,255,.75);text-decoration:underline}
.club-lien:hover{color:var(--balle)}

/* Communauté : bouton WhatsApp quand aucune newsletter n'est branchée */
.communaute-haut > .btn{justify-self:start}
.inscription{min-width:min(380px,100%)}
@media(max-width:1000px){.inscription,.communaute-haut > .btn{grid-column:1/-1}}

/* Conseils : sur le fond gris de la communauté */
.conseils-accueil{padding-bottom:0}
.conseils-accueil .articles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.conseils-accueil .conseil{background:var(--blanc);border-radius:var(--r-carte);overflow:hidden;display:flex;flex-direction:column}
.conseils-accueil .conseil-corps{padding:1.15rem 1.25rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.conseils-accueil .conseil-titre{font-size:1.05rem;font-weight:800;line-height:1.3}
.conseils-accueil .conseil p{font-size:.86rem;color:var(--gris);line-height:1.55}
@media(max-width:1080px){.conseils-accueil .articles{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.conseils-accueil .articles{grid-template-columns:1fr}}

/* Jauges : quatre lignes au lieu de trois, un peu plus serrées */
.gamme .jauges{gap:.25rem}

/* Visuel des cartes d'article (blog.css n'est pas chargé sur l'accueil).
   Cadre redonné ici : sans lui, les lignes et la photo se calent sur la page. */
.conseils-accueil .conseil-visuel{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:16/9}
.conseils-accueil .lignes{opacity:.5}
.conseils-accueil .visuel-produit{position:absolute;inset:8% 14%;z-index:1;mix-blend-mode:multiply;display:grid;place-items:center}
.conseils-accueil .visuel-produit img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.conseils-accueil .visuel-produit img.incline{transform:rotate(-12deg)}
.conseils-accueil .visuel-produit svg{height:100%;width:auto;color:rgba(255,255,255,.92);mix-blend-mode:normal}
.conseils-accueil .meta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:center;font-size:.85rem;color:var(--gris)}
@media(max-width:560px){.communaute-haut p[style]{justify-self:start!important;text-align:left!important}}