/* ============================================================
   ALOÉ BIEN-ÊTRE - ateliers.css
   Chargé par ateliers-bien-etre.php : thématiques et bandeau de l'Escale.
   ============================================================ */

/* ============================================================
   PAGE ATELIERS : thématiques + bandeau atelier (flyer)
   ============================================================ */
.themes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1000px;margin:0 auto}
.theme{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:var(--white);border:1px solid #e6ede1;border-radius:14px;padding:22px 14px;font-weight:bold;color:var(--fl-green-dark);font-size:.92rem;box-shadow:0 4px 12px rgba(45,90,39,.05);transition:transform .4s var(--e),box-shadow .4s var(--e),border-color .4s}
.theme:hover{transform:translateY(-5px);border-color:var(--fl-green-lime);box-shadow:0 14px 30px rgba(45,90,39,.11)}
.theme i{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--fl-green-lime);color:var(--fl-green-dark);font-size:1.3rem;background:var(--bg-light);transition:transform .4s var(--e),background .3s,color .3s}
.theme:hover i{transform:scale(1.1);background:var(--fl-green-lime);color:#fff}
.atelier-band{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap;background:var(--fl-green-dark);border-radius:16px;padding:26px 32px;max-width:1000px;margin:34px auto 0;box-shadow:0 14px 34px rgba(45,90,39,.22)}
.atelier-badge{display:flex;align-items:center;gap:16px;color:#fff}
.atelier-badge i{font-size:2.2rem;color:var(--fl-accent-peach)}
.atelier-badge strong{display:block;font-family:'Arial Black',Arial,sans-serif;font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fl-green-lime)}
.atelier-badge span{font-size:.95rem;color:rgba(255,255,255,.9)}
.atelier-checks{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0}
.atelier-checks li{display:flex;align-items:center;gap:10px;color:#fff;font-size:.95rem}
.atelier-checks i{color:var(--fl-green-lime)}
.atelier-tagline{text-align:center;font-size:clamp(1.15rem,2.6vw,1.5rem);color:var(--fl-green-dark);font-weight:bold;font-style:italic;margin:30px auto 0;max-width:820px}
@media (max-width:900px){
  .themes-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .atelier-band{gap:18px;padding:22px;flex-direction:column;align-items:flex-start}
  .themes-grid{gap:10px}
  .theme{padding:16px 10px;font-size:.85rem}
}