/* Conteneur optionnel pour limiter la largeur (ajoute .scpf-wrap autour si besoin) */
.scpf-actions-scope .scpf-actions-scope .scpf-wrap{max-width:1100px;margin:0 auto;padding:0 10px}

/* Héro */
.scpf-actions-scope .scpf-hero{background:#ffe6f0;border:1px solid #f7c8d6;border-radius:16px;padding:26px;box-shadow:0 6px 18px rgba(0,0,0,.06);text-align:center;margin:0 0 24px}
.scpf-actions-scope .scpf-hero h1{margin:0 0 6px;font-size:clamp(1.6rem,2.6vw,2.2rem);color:#1f1f1f}
.scpf-actions-scope .scpf-hero p{margin:0;color:#333}

/* Sous-titre + ligne */
.scpf-actions-scope .scpf-sub{position:relative;text-align:center;margin:28px 0 10px;font-weight:700;color:#2b2b2b;font-size:clamp(1.2rem,2vw,1.6rem)}
.scpf-actions-scope .scpf-sub:after{content:"";display:block;width:140px;height:3px;background:linear-gradient(90deg,#e75480,#ffc2d3);border-radius:999px;margin:8px auto 0}
.scpf-actions-scope .scpf-lead{text-align:center;color:#555;margin:0 0 16px}

/* Grille & cartes */
.scpf-actions-scope .scpf-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items: stretch;}
.scpf-actions-scope .scpf-card{height:100%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.07);display:flex;flex-direction:column}
.scpf-actions-scope .scpf-card .cover{aspect-ratio:3/2;background:#ffe6f0;display:flex;align-items:center;justify-content:center}
.scpf-actions-scope .scpf-card .cover img{width:100%;height:100%;object-fit:cover;display:block}
.scpf-actions-scope .scpf-card .body{padding:14px}
.scpf-actions-scope .scpf-card .tag{display:inline-block;background:#f7f7f7;border-radius:999px;padding:4px 8px;font-size:.82rem;margin-bottom:6px}
.scpf-actions-scope .scpf-card h3{margin:4px 0 6px}
.scpf-actions-scope .scpf-card p{margin:0 0 10px;color:#555}
.scpf-actions-scope .scpf-btn{align-self:flex-start;background:#e75480;color:#fff;text-decoration:none;padding:8px 12px;border-radius:10px;font-weight:700}
.scpf-actions-scope .scpf-btn:focus-visible{outline:2px solid #e75480;outline-offset:2px}
.scpf-actions-scope .scpf-btn:hover{ opacity:.92; }

/* Stats */
.scpf-actions-scope .scpf-stats{display:grid;gap:12px;margin:6px 0 24px}
@media (min-width:820px){.scpf-stats{grid-template-columns:repeat(4,1fr)}}
.scpf-actions-scope .scpf-stat{background:#fff;border-radius:14px;padding:16px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.scpf-actions-scope .scpf-stat .n{font-size:1.6rem;font-weight:800;color:#e75480}
.scpf-actions-scope .scpf-stat .l{color:#555}

/* Note éditeur si vide */
.scpf-actions-scope .scpf-note{background:#fff3f7;border:1px dashed #f7c8d6;border-radius:12px;padding:12px;text-align:center;color:#555}

/* FAQ */
.scpf-actions-scope .scpf-faq details{background:#fff;border-radius:12px;padding:12px;margin:8px 0;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.scpf-actions-scope .scpf-faq summary{cursor:pointer;font-weight:700}

/* Mise en page des étapes */
.scpf-actions-scope .scpf-fonds-wrap .scpf-steps{
  display:grid; gap:12px; margin:14px 0 20px;
  counter-reset: scpfstep;
}
@media (min-width:820px){
  .scpf-fonds-wrap .scpf-steps{ grid-template-columns:repeat(4,1fr); }
}
.scpf-actions-scope .scpf-fonds-wrap .scpf-step{
  position: relative; background:#fff; border-radius:14px; padding:14px;
  text-align:center; box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.scpf-actions-scope .scpf-fonds-wrap .scpf-step::before{
  content: counter(scpfstep); counter-increment: scpfstep;
  position:absolute; top:10px; left:10px;
  width:28px; height:28px; border-radius:999px;
  background:#e75480; color:#fff; display:grid; place-items:center; font-weight:800;
}
.scpf-actions-scope .scpf-fonds-wrap h5{ margin:10px 0 6px; font-size:1rem; }
html{ scroll-behavior:smooth; }


/* ===== Octobre Rose – Design System minimal ===== */
.or-wrap{--rose:#e75480;--rose-soft:#ffe6f0;--shadow:0 6px 18px rgba(0,0,0,.06);max-width:1100px;margin:0 auto;padding:0 10px}
.or-h2{
  text-align:center;margin:26px 0 10px;font-weight:800;color:#2b2b2b;
  font-size:clamp(1.2rem,2vw,1.6rem);padding-bottom:8px;position:relative
}
.or-h2::after{content:"";display:block;width:140px;height:3px;background:linear-gradient(90deg,var(--rose),#ffc2d3);border-radius:999px;margin:8px auto 0}

/* Héro */
.or-hero{background:var(--rose-soft);border:1px solid #f7c8d6;border-radius:16px;padding:24px;box-shadow:var(--shadow);text-align:center;margin:0 0 22px}
.or-hero h1{margin:0 0 6px;font-size:clamp(1.6rem,2.6vw,2.2rem);color:#1f1f1f}
.or-hero p{margin:0;color:#333}
.or-cta-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}

/* Boutons */
.or-btn{display:inline-block;padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none}
.or-btn--primary{background:var(--rose);color:#fff}
.or-btn--ghost{background:#fff;color:var(--rose);border:1px solid var(--rose)}
.or-btn:focus-visible{outline:2px solid var(--rose);outline-offset:2px}

/* Carte neutre (blanche) */
.or-card{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:22px;box-shadow:0 2px 10px rgba(0,0,0,.04);margin:24px 0}
.or-card h3{margin:0 0 8px;font-size:clamp(1.1rem,2vw,1.4rem);color:#222}
.or-card p{margin:0 0 10px;color:#444}
.or-card ul{margin:0 0 14px 1.2rem;color:#555}
.or-card .or-btns{display:flex;gap:10px;flex-wrap:wrap}
.or-card h3 { text-align:center; }
.or-card .or-btns, .or-cta-row { justify-content:center; }

/* Grille générique (si besoin) */
.or-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}

/* ===== Palette Octobre Rose (peut rester) ===== */
:root { --scpf-accent:#ff6f91; --scpf-accent-dark:#c2185b; --scpf-soft:#fff4f7; }

/* ===== Conteneur : fond léger + full width ===== */
.scpf-actions-scope .scpf-elist {
  background: #fffafd;            /* rose très clair */
  border: 1px solid #ffd1e1;
  border-radius: 14px;
  padding: 14px;
  margin: 14px 0 20px;
  max-width: none;                /* évite les conteneurs trop étroits */
}

/* ===== Grille 2 colonnes compacte (desktop) → 1 colonne (mobile) ===== */
.scpf-actions-scope .scpf-elist .ecs-event-list {
  list-style: none; margin: 0; padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;                      /* espace entre cartes */
}
@media (max-width: 900px){
  .scpf-elist .ecs-event-list { grid-template-columns: 1fr; }
}

/* ===== Carte d'événement compacte ===== */
.scpf-actions-scope .scpf-elist .ecs-event {
  display: grid;
  grid-template-columns: 110px 1fr;  /* date | contenu */
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin: 0;
  background: #fff;
  border: 1px solid #f0eef3;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,.04);
  transition: transform .06s ease, box-shadow .2s ease;
  /* Si tu avais un ancien style "border-bottom", on neutralise : */
  border-bottom: none !important;
}
.scpf-actions-scope .scpf-elist .ecs-event:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
@media (max-width: 700px){
  .scpf-elist .ecs-event { grid-template-columns: 1fr; }
}

/* ===== Badge date compact ===== */
.scpf-actions-scope .scpf-elist .ecs-event time {
  display: inline-block;
  background: var(--scpf-soft);
  color: var(--scpf-accent-dark);
  border: 1px solid #ffd1e1;
  border-radius: 999px;
  padding: 4px 10px;
  font-weight: 700;
  white-space: nowrap;
}

/* ===== Titre + liens ===== */
.scpf-actions-scope .scpf-elist .ecs-event .entry-title { margin: 0; }
.scpf-actions-scope .scpf-elist .ecs-event .entry-title a {
  font-size: 1rem;
  font-weight: 700;
  color: #1f1f1f;
  text-decoration: none;
  line-height: 1.2;
  display: inline-block;
  max-width: 100%;
}
.scpf-actions-scope .scpf-elist .ecs-event .entry-title a:hover {
  color: var(--scpf-accent);
  text-decoration: underline;
}

/* ===== Meta (lieu / durée) sur une ligne fine ===== */
.scpf-actions-scope .scpf-elist .ecs-event .venue,
.scpf-elist .ecs-event .duration,
.scpf-elist .ecs-event .date {
  color: #5a4b55;
  font-size: .92rem;
  margin-top: 2px;
}

/* ===== Forçage si le plugin injecte vignettes/extraits ===== */
.scpf-actions-scope .scpf-elist .ecs-event .entry-summary,
.scpf-elist .ecs-event .ecs-excerpt,
.scpf-elist .ecs-event .post-thumbnail,
.scpf-elist .ecs-event img { display: none !important; }

/* ===== Bouton "Voir tout le mois" si tu l’ajoutes sous la liste ===== */
.scpf-actions-scope .scpf-elist .scpf-events-link {
  display: inline-block; padding: 8px 14px; border-radius: 999px;
  background: var(--scpf-accent); color: #fff !important; text-decoration: none; font-weight: 700;
}
.scpf-actions-scope .scpf-elist .scpf-events-link:hover { filter: brightness(0.95); }

/* === Pages événement (single) : image mise en avant non rognée, responsive === */

/* Conteneur : largeur raisonnable et marges */
.single-tribe_events .tec-events-single-event__featured-image,
.single-tribe_events .tec-events-single-event__header .tec-events-single-event__image,
.single-tribe_events .tribe-events-event-image {
  max-width: 1200px;   /* ajuste si ton thème est plus étroit/large */
  margin: 0 auto 16px;
  overflow: visible;   /* surtout pas hidden si on ne veut pas de crop */
  border-radius: 12px; /* optionnel : coins doux */
}

/* Image : pas de rognage, conserve le ratio, limite la place à l’écran */
.single-tribe_events .tec-events-single-event__featured-image img,
.single-tribe_events .tec-events-single-event__header .tec-events-single-event__image img,
.single-tribe_events .tribe-events-event-image img {
  display: block;
  width: 100%;         /* s'adapte à la largeur du contenu */
  height: auto;        /* garde le ratio d'origine */
  max-height: 75vh;    /* limite la hauteur sur grand écran, sans recadrer */
  object-fit: contain; /* ne recadre jamais (sécurité si une hauteur était imposée ailleurs) */
}

/* Mobile : on réduit encore un peu la hauteur max pour éviter le scroll */
@media (max-width: 700px){
  .single-tribe_events .tec-events-single-event__featured-image img,
  .single-tribe_events .tec-events-single-event__header .tec-events-single-event__image img,
  .single-tribe_events .tribe-events-event-image img {
    max-height: 55vh;  /* l'affiche reste lisible mais ne mange pas tout l'écran */
  }
}

/* ====== Palette Octobre Rose (réglable) ====== */
.scpf-actions-scope .scpf-or {
  --accent: #ff6f91;           /* rose principal */
  --accent-dark: #c2185b;      /* rose foncé */
  --soft: #fff4f7;             /* fond très clair */
  --text: #222;
}

/* ====== Typo & titres harmonisés ====== */
.scpf-actions-scope .scpf-or .scpf-section-title,
.scpf-or h2.scpf-section-title,
.scpf-or h3.scpf-section-title {
  font-size: clamp(1.6rem, 1.3rem + 1vw, 2rem);
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  color: var(--accent);
  margin: 28px 0 14px;
  position: relative;
}
.scpf-actions-scope .scpf-or .scpf-section-title::after {
  content: "";
  width: 64px; height: 3px;
  background: var(--accent);
  display: block;
  margin: 10px auto 0;
  border-radius: 2px;
}

/* Sous-titres (H3) uniformisés */
.scpf-actions-scope .scpf-or .scpf-subtitle,
.scpf-or h3.scpf-subtitle {
  font-size: clamp(1.2rem, 1.05rem + .5vw, 1.4rem);
  font-weight: 700;
  color: var(--accent-dark);
  margin: 18px 0 8px;
}

/* ====== Espacements de section ====== */
.scpf-actions-scope .scpf-or .scpf-section { 
  margin: 24px 0; 
}
.scpf-actions-scope .scpf-or .scpf-section--boxed {
  background: #fff;
  border: 1px solid #f0eef3;
  border-radius: 14px;
  padding: 16px;
}

/* ====== Listes plus denses ====== */
.scpf-actions-scope .scpf-or ul { padding-left: 20px; }
.scpf-actions-scope .scpf-or li { margin: 4px 0; }

/* ====== Liens & boutons (cohérents partout) ====== */
.scpf-actions-scope .scpf-or a { color: var(--accent-dark); }
.scpf-actions-scope .scpf-or a:hover { color: var(--accent); }

.scpf-actions-scope .scpf-or .scpf-btn, 
.scpf-or a.scpf-btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 999px;
  background: var(--accent);
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  transition: transform .06s ease, filter .2s ease;
}
.scpf-actions-scope .scpf-or .scpf-btn:hover { transform: translateY(-1px); filter: brightness(.95); }

/* ====== Bandeaux (dons, boutique) – s’alignent visuellement ====== */
.scpf-actions-scope .scpf-or .scpf-donate, 
.scpf-or .scpf-donate-bar,
.scpf-or .scpf-shop-promo {
  border-color: var(--accent);
}

/* ====== Calendrier compact en 2 colonnes (si tu as déjà ajouté le CSS précédent) ====== */
.scpf-actions-scope .scpf-or .scpf-elist { 
  background: #fffafd; 
  border: 1px solid #ffd1e1; 
  border-radius: 14px; 
  padding: 14px; 
}
.scpf-actions-scope .scpf-or .scpf-elist .ecs-event-list {
  display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0,1fr));
  list-style: none; margin: 0; padding: 0;
}
@media (max-width: 900px){ .scpf-or .scpf-elist .ecs-event-list { grid-template-columns: 1fr; } }
.scpf-actions-scope .scpf-or .scpf-elist .ecs-event {
  background:#fff; border:1px solid #f0eef3; border-radius:12px; 
  display:grid; grid-template-columns:110px 1fr; gap:10px; 
  padding:10px 12px; box-shadow:0 4px 16px rgba(0,0,0,.04);
}
@media (max-width:700px){ .scpf-or .scpf-elist .ecs-event { grid-template-columns:1fr; } }
.scpf-actions-scope .scpf-or .scpf-elist time {
  display:inline-block; background:var(--soft); color:var(--accent-dark);
  border:1px solid #ffd1e1; border-radius:999px; padding:4px 10px; font-weight:700; white-space:nowrap;
}
.scpf-actions-scope .scpf-or .scpf-elist .entry-title { margin:0; }
.scpf-actions-scope .scpf-or .scpf-elist .entry-title a { color:#1f1f1f; font-weight:700; text-decoration:none; }
.scpf-actions-scope .scpf-or .scpf-elist .entry-title a:hover { color:var(--accent); text-decoration:underline; }

/* ====== Image mise en avant des pages événement (non rognée, responsive) ====== */
.single-tribe_events .tec-events-single-event__featured-image img,
.single-tribe_events .tec-events-single-event__header .tec-events-single-event__image img,
.single-tribe_events .tribe-events-event-image img {
  display:block; width:100%; height:auto; max-height:75vh; object-fit:contain;
}
@media (max-width:700px){
  .single-tribe_events .tec-events-single-event__featured-image img,
  .single-tribe_events .tec-events-single-event__header .tec-events-single-event__image img,
  .single-tribe_events .tribe-events-event-image img { max-height:55vh; }
}

/* Affichage responsive des deux bannières */
.scpf-home-scope .home-hero-desktop{ display:block; border-radius:16px; overflow:hidden; min-height:380px; }
.scpf-home-scope .home-hero-mobile{ display:none;  border-radius:16px; overflow:hidden; min-height:60vh; }

.scpf-home-scope .home-hero-desktop .wp-block-buttons,
.scpf-home-scope .home-hero-mobile .wp-block-buttons{
  display:flex; justify-content:center; margin-top:14px;
}

/* Bouton */
.scpf-home-scope .wp-block-button__link{
  background:#e75480; color:#fff; border-radius:10px; padding:10px 16px; font-weight:700;
}

/* Switch à 781px (breakpoint WP) */
@media (max-width:781px){
  .scpf-home-scope .home-hero-desktop{ display:none; }
  .scpf-home-scope .home-hero-mobile{ display:block; }
}
/* ====== HOME HERO — VERSION PROPRE (desktop + mobile) ====== */

/* 1) Visibilité : une bannière à la fois */
.home-hero-desktop { display:block; }
.home-hero-mobile  { display:none; }
@media (max-width:781px){
  .home-hero-desktop { display:none !important; }
  .home-hero-mobile  { display:block !important; }
}

/* 2) Style commun */
.home-hero-desktop,
.home-hero-mobile{
  border-radius:16px;
  overflow:hidden;
}

/* Hauteurs mini (ajuste si besoin) */
.home-hero-desktop{ min-height:380px; }
@media (max-width:781px){
  .home-hero-mobile{ min-height:60vh; }
}

/* 3) Retirer tout voile/superposition */
.home-hero-desktop.has-background-dim::before,
.home-hero-mobile.has-background-dim::before{ opacity:0 !important; }
.home-hero-desktop .wp-block-cover__gradient-background,
.home-hero-mobile  .wp-block-cover__gradient-background{ display:none !important; }
.home-hero-desktop .wp-block-cover__background,
.home-hero-mobile  .wp-block-cover__background{ opacity:0 !important; }

/* 4) Placement du contenu et du bouton */
.home-hero-desktop .wp-block-cover__inner-container,
.home-hero-mobile  .wp-block-cover__inner-container{
  display:flex; width:100%; height:100%; padding:16px;
}

/* Desktop = haut droite */
@media (min-width:782px){
  .home-hero-desktop .wp-block-cover__inner-container{
    align-items:flex-start;      /* haut */
    justify-content:flex-end;    /* droite */
  }
  .home-hero-desktop .wp-block-buttons{
    display:flex; justify-content:flex-end !important; margin:0;
  }
}

/* Mobile = haut gauche */
@media (max-width:781px){
  .home-hero-mobile .wp-block-cover__inner-container{
    align-items:flex-start !important;    /* haut */
    justify-content:flex-start !important;/* gauche */
    text-align:left;
  }
  .home-hero-mobile .wp-block-buttons{
    display:flex; justify-content:flex-start !important; margin:0;
  }
}

/* 5) Style du bouton (optionnel) */
.home-hero-desktop .wp-block-button__link,
.home-hero-mobile  .wp-block-button__link{
  background:#e75480; color:#fff; border-radius:10px; padding:10px 16px; font-weight:700;
}
/* --- HOME hero : bouton haut-gauche sur mobile, coûte que coûte --- */
@media (max-width: 781px){
  .home-hero-mobile .wp-block-cover__inner-container{
    display: grid !important;
    place-items: start !important;     /* aligne le contenu en haut-gauche */
    justify-items: start !important;
    align-items: start !important;
    text-align: left !important;
    padding: 16px;                      /* ajuste si tu veux plus d'air */
    height: 100%;
  }
  /* le groupe de boutons lui-même suit le haut-gauche */
  .home-hero-mobile .wp-block-buttons{
    justify-self: start !important;
    margin: 0 !important;
  }
}

/* ===== PAGE ABOUT (scope) ===== */
.scpf-about-scope{ --rose:#e75480; --soft:#ffe6f0; --shadow:0 6px 18px rgba(0,0,0,.06); max-width:1100px; margin:0 auto; padding:0 10px; }

/* Titres de section, cohérents avec le site */
.scpf-about-scope .ab-h2{
  text-align:center; margin:26px 0 10px; font-weight:800; color:#2b2b2b;
  font-size:clamp(1.2rem,2vw,1.6rem); padding-bottom:8px; position:relative;
}
.scpf-about-scope .ab-h2::after{
  content:""; display:block; width:140px; height:3px;
  background:linear-gradient(90deg,var(--rose),#ffc2d3);
  border-radius:999px; margin:8px auto 0;
}

/* Hero d’intro (blanc) */
.scpf-about-scope .ab-hero{
  background:#fff; border:1px solid #eaeaea; border-radius:16px;
  padding:24px; box-shadow:0 2px 10px rgba(0,0,0,.04); margin:0 0 18px; text-align:center;
}
.scpf-about-scope .ab-hero p{ margin:0; color:#333; text-align:left;}

/* Boutons */
.scpf-about-scope .ab-cta{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-top:12px; }
.scpf-about-scope .ab-btn{ display:inline-block; padding:10px 16px; border-radius:10px; font-weight:700; text-decoration:none; }
.scpf-about-scope .ab-btn--primary{ background:var(--rose); color:#fff; }
.scpf-about-scope .ab-btn--ghost{ background:#fff; color:var(--rose); border:1px solid var(--rose); }
.scpf-about-scope .ab-btn:focus-visible{ outline:2px solid var(--rose); outline-offset:2px; }

/* Grille de missions (4 cartes max) */
.scpf-about-scope .ab-grid{ display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.scpf-about-scope .ab-card{
  background:#fff; border:1px solid #eaeaea; border-radius:14px; padding:16px;
  box-shadow:0 2px 10px rgba(0,0,0,.04); text-align:center;
}
.scpf-about-scope .ab-card h3{ margin:4px 0 6px; font-size:1.05rem; }
.scpf-about-scope .ab-card p{ margin:0; color:#555; }

/* Deux colonnes "histoire / valeurs" */
.scpf-about-scope .ab-two{ display:grid; gap:16px; grid-template-columns:1fr; }
@media (min-width:900px){ .scpf-about-scope .ab-two{ grid-template-columns:1fr 1fr; } }
.scpf-about-scope .ab-box{
  background:#fff; border:1px solid #eaeaea; border-radius:14px; padding:18px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.scpf-about-scope .ab-list{ margin:0; padding-left:1.1rem; color:#555; }
.scpf-about-scope .ab-list li{ margin:6px 0; }

/* Partenaires (4 logos) */
.scpf-about-scope .ab-logos{
  list-style:none; padding:0; margin:0;
  display:grid; gap:12px; grid-template-columns:repeat(2,1fr);
}
@media (min-width:900px){ .scpf-about-scope .ab-logos{ grid-template-columns:repeat(4,1fr); } }
.scpf-about-scope .ab-logos li{
  background:#fff; border:1px solid #eaeaea; border-radius:12px; height:90px;
  display:flex; align-items:center; justify-content:center; padding:10px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.scpf-about-scope .ab-logos img{
  max-height:60px; width:auto; object-fit:contain;
  filter:grayscale(100%); opacity:.9; transition:filter .2s, opacity .2s;
}
.scpf-about-scope .ab-logos img:hover{ filter:none; opacity:1; }

/* Boutons du teaser home : verrouiller les couleurs */
.or-card .or-btn { display:inline-block; padding:10px 16px; border-radius:10px; font-weight:700; text-decoration:none; }
.or-card .or-btn--primary{ background:#e75480; color:#fff !important; border:1px solid #e75480; }
.or-card .or-btn--ghost  { background:#fff; color:#e75480 !important; border:2px solid #e75480; }

/* ===== Page ATELIERS (scope) ===== */
.scpf-ateliers-scope{ --rose:#e75480; --soft:#ffe6f0; --shadow:0 6px 18px rgba(0,0,0,.06); max-width:1100px; margin:0 auto; padding:0 10px; }

/* Titres cohérents (avec petite ligne) */
.scpf-ateliers-scope .at-h2{
  text-align:center; margin:26px 0 10px; font-weight:800; color:#2b2b2b;
  font-size:clamp(1.2rem,2vw,1.6rem); padding-bottom:8px; position:relative;
}
.scpf-ateliers-scope .at-h2::after{
  content:""; display:block; width:140px; height:3px;
  background:linear-gradient(90deg,var(--rose),#ffc2d3);
  border-radius:999px; margin:8px auto 0;
}

/* Cartes neutres (on réutilise l'esprit or-card) */
.scpf-ateliers-scope .at-card{
  background:#fff; border:1px solid #eaeaea; border-radius:14px; padding:20px;
  box-shadow:0 2px 10px rgba(0,0,0,.04); margin:18px 0;
}
.scpf-ateliers-scope .at-card h3{ margin:0 0 8px; text-align:center; font-size:clamp(1.05rem,2vw,1.3rem) }
.scpf-ateliers-scope .at-card p{ margin:0 0 10px; color:#444; }
.scpf-ateliers-scope .at-btns{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }

/* Boutons (compat avec tes or-btn) */
.scpf-ateliers-scope .at-btn{ display:inline-block; padding:10px 16px; border-radius:10px; font-weight:700; text-decoration:none; }
.scpf-ateliers-scope .at-btn--primary{ background:var(--rose); color:#fff; border:1px solid var(--rose); }
.scpf-ateliers-scope .at-btn--ghost{ background:#fff; color:var(--rose); border:1px solid var(--rose); }

/* Grille des créneaux */
.scpf-ateliers-scope .at-grid{ display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.scpf-ateliers-scope .at-slot{
  background:#fff; border:1px solid #eaeaea; border-radius:14px; padding:14px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.scpf-ateliers-scope .at-head{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:6px; }
.scpf-ateliers-scope .at-badge{
  display:inline-block; background:var(--soft); color:#b43b64; border:1px solid #f7c8d6;
  border-radius:999px; padding:4px 10px; font-weight:700; white-space:nowrap;
}
.scpf-ateliers-scope .at-time{ font-weight:800; color:#1f1f1f; white-space:nowrap; }
.scpf-ateliers-scope .at-title{ margin:4px 0 6px; font-weight:700; }
.scpf-ateliers-scope .at-meta{ list-style:none; padding:0; margin:6px 0 0; color:#555; font-size:.95rem; }
.scpf-ateliers-scope .at-meta li{ margin:3px 0; }

/* Flyer responsive */
.scpf-ateliers-scope .at-flyer img{
  width:100%; height:auto; display:block; border-radius:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}

/* FAQ (details natifs, look propre) */
.scpf-ateliers-scope details{
  background:#fff; border:1px solid #eaeaea; border-radius:12px; padding:12px; margin:8px 0;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.scpf-ateliers-scope summary{ cursor:pointer; font-weight:700; }
.scpf-ateliers-scope .at-note{
  background:#fffafc; border:1px dashed #f7c8d6; border-radius:12px;
  padding:10px 14px; margin:8px 0 14px; color:#444;
}
.scpf-ateliers-scope .at-note a{ color:#b43b64; font-weight:700; text-decoration:underline; }