/* Page d'accueil — Atelier des Cartes. Même vocabulaire graphique que le
   calculateur : noir et blanc, capitales espacées, un seul accent tricolore. */

/* Le titre de page du thème ferait doublon avec l'accroche. */
body.ccc-page-accueil .entry-header,
body.ccc-page-accueil .page-title{display:none;}

.acc{max-width:1060px;font-size:16px;line-height:1.55;}
/* :where() met ces règles de base à spécificité nulle : toute règle de classe
   ci-dessous l'emporte sans avoir à surenchérir. */
.acc :where(h1,h2,h3){margin:0;font-weight:700;letter-spacing:-.01em;}
.acc :where(p){margin:0 0 14px;}
.acc-surtitre{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ccc-muted);font-weight:700;margin-bottom:10px;}
.acc-h2{font-size:30px;line-height:1.15;margin-bottom:26px;}
.acc-h3{font-size:17px;margin-bottom:10px;}
.acc-dessin{width:100%;height:auto;max-width:96px;color:var(--ccc-fg);}

/* Boutons */
.acc-btn{display:inline-block;padding:15px 30px;background:var(--ccc-fg);color:var(--ccc-bg);
  font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;border:1.5px solid var(--ccc-fg);transition:background .15s,color .15s;}
.acc-btn:hover{background:transparent;color:var(--ccc-fg);}
.acc-btn--sec{background:transparent;color:var(--ccc-fg);text-transform:none;letter-spacing:.01em;}
.acc-btn--sec:hover{background:var(--ccc-fg);color:var(--ccc-bg);}
.acc-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0;}
.acc-lien{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ccc-fg);text-decoration:none;border-bottom:1.5px solid var(--ccc-fg);padding-bottom:2px;}
.acc-lien:hover{opacity:.6;}

/* Accroche */
.acc-hero{display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:center;
  padding:10px 0 54px;border-bottom:1px solid var(--ccc-line);}
.acc-marque{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;
  color:var(--ccc-muted);margin-bottom:16px;}
.acc-titre{font-size:46px;line-height:1.05;margin-bottom:20px;}
.acc-chapeau{font-size:18px;line-height:1.5;color:#444;max-width:34em;margin:22px 0 0;}
.acc-hero__image{display:block;}
.acc-hero__image .acc-dessin{max-width:100%;stroke-width:2;}

/* Arguments */
.acc-args{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:46px 0;
  border-bottom:1px solid var(--ccc-line);}
.acc-arg h2{font-size:17px;margin:12px 0 8px;}
.acc-arg p{font-size:15px;color:#444;margin:0;}
.acc-france__drapeau{display:block;width:30px;height:20px;border:1px solid var(--ccc-line);
  background:linear-gradient(to right,#0055A4 0 33.34%,#fff 33.34% 66.67%,#EF4135 66.67% 100%);}

/* Sections */
.acc-section{padding:54px 0;border-bottom:1px solid var(--ccc-line);}
.acc-section--sombre{background:var(--ccc-fg);color:#fff;padding:54px 34px;border:0;margin:54px 0;}
.acc-section--sombre .acc-surtitre,.acc-section--sombre p{color:rgba(255,255,255,.72);}
.acc-section--sombre .acc-dessin{color:#fff;}

/* Étapes */
.acc-etapes{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;list-style:none;margin:0;padding:0;
  counter-reset:etape;}
.acc-etapes li{counter-increment:etape;}
.acc-etapes li::before{content:counter(etape,decimal-leading-zero);display:block;font-size:11px;
  letter-spacing:.14em;font-weight:700;color:var(--ccc-muted);margin-bottom:12px;}
.acc-etapes .acc-dessin{max-width:56px;margin-bottom:12px;}
.acc-etapes h3{font-size:15px;margin-bottom:8px;}
.acc-etapes p{font-size:14px;color:#555;margin:0;}

/* Types de jeux */
.acc-jeux{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ccc-line);
  border:1px solid var(--ccc-line);}
.acc-jeu{background:var(--ccc-bg);padding:30px 26px;display:flex;flex-direction:column;align-items:flex-start;}
.acc-jeu__image{margin-bottom:16px;}
.acc-jeu__titre{font-size:18px;margin-bottom:6px;}
.acc-jeu__accroche{font-size:14px;font-style:italic;color:var(--ccc-muted);margin-bottom:10px;}
.acc-jeu__texte{font-size:15px;color:#444;flex:1;}

/* Personnalisations */
.acc-perso{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
.acc-perso h3{font-size:18px;margin:14px 0 10px;}
.acc-perso p{font-size:15px;color:#444;margin:0;}

/* Atelier */
.acc-deux{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;}
.acc-liste{margin:0;padding:0;list-style:none;font-size:15px;}
.acc-liste li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.18);}
.acc-liste li:last-child{border-bottom:0;}

/* Final */
.acc-final{padding:16px 0 60px;text-align:center;}
.acc-final .acc-h2{margin-bottom:14px;}
.acc-final p{max-width:44em;margin-left:auto;margin-right:auto;color:#444;}
.acc-final .acc-actions{justify-content:center;}
.acc-tel{font-size:20px;font-weight:700;margin-top:18px;color:var(--ccc-fg);}
.acc-signature{margin-top:26px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ccc-muted);}

/* Écrans étroits */
@media (max-width:980px){
  .acc-hero{grid-template-columns:1fr;gap:26px;}
  .acc-hero__image{max-width:220px;}
  .acc-titre{font-size:36px;}
  .acc-args{grid-template-columns:1fr;gap:26px;}
  .acc-etapes{grid-template-columns:repeat(2,1fr);}
  .acc-jeux,.acc-perso{grid-template-columns:repeat(2,1fr);}
  .acc-deux{grid-template-columns:1fr;gap:26px;}
}
@media (max-width:620px){
  .acc-titre{font-size:29px;}
  .acc-h2{font-size:24px;}
  .acc-etapes,.acc-jeux,.acc-perso{grid-template-columns:1fr;}
  .acc-section--sombre{padding:40px 20px;}
  .acc-btn{display:block;text-align:center;}
}

/* Engagements — liste sur fond clair */
.acc-liste--claire li{border-bottom:1px solid var(--ccc-line);}
.acc-eco .acc-liste li{color:var(--ccc-fg);font-weight:600;}

/* Barre légale de pied de page (le thème laisse le pied vide) */
.ccc-pied{border-top:1px solid #dcdcdc;background:#fff;padding:26px 20px;margin-top:40px;}
.ccc-pied__inner{max-width:1060px;margin:0 auto;text-align:center;}
.ccc-pied__liens{margin:0;font-size:13px;letter-spacing:.02em;}
.ccc-pied__liens a{color:#111;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.25);}
.ccc-pied__liens a:hover{border-bottom-color:#111;}
.ccc-pied__liens span{color:#8a8a8a;margin:0 6px;}
.ccc-pied__identite{margin:10px 0 0;font-size:12px;color:#8a8a8a;}

/* Accroche avec photo : le texte au-dessus, l'image en pleine largeur */
.acc-hero--photo{grid-template-columns:1fr;gap:34px;}
.acc-hero__photo{margin:0;width:100%;}
.acc-hero__photo img{display:block;width:100%;height:auto;border-radius:3px;}
@media (min-width:981px){
  .acc-hero--photo .acc-hero__texte{max-width:46em;}
}