/*
 * Sections migrees de la page Accueil (1332) vers la cible "structure dans
 * le theme" (ARCHITECTURE.md, chantier C3). Declarations reprises telles
 * quelles depuis les <style> inline de post_content, pas reinventees.
 */

/* Hero */
.ss-hero-accueil{display:flex;flex-direction:column;align-items:center;background-color:#091A2A;padding:80px 24px 64px!important}
@media (max-width:767px){.ss-hero-accueil{padding:64px 16px 64px!important}}
.ss-hero-inner{max-width:840px;margin:0 auto;text-align:center}
.ss-hero-inner h1{color:#fff;font-size:32px;font-weight:700;line-height:1.25;letter-spacing:-0.01em;margin:0 0 16px}
.ss-hero-inner p{color:#fff;font-size:18px;line-height:1.5;margin:0 0 24px}
.ss-hero-accueil__note{color:#778899!important;font-size:15px!important;line-height:1.6}
.ss-hero-inner .wp-block-buttons{justify-content:center}

/* Approche (header natif deja migre en CSS uniquement, cartes converties) */
.ss-approche-section{padding:0 0 96px!important}
@media (max-width:767px){.ss-approche-section{padding:0 0 64px!important}}
.ss-approche-header{margin:0 0 48px;text-align:left}
@media (min-width:1024px){.ss-approche-header{max-width:1140px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important}}
@media (max-width:1023px) and (min-width:768px){.ss-approche-header{padding-left:32px!important;padding-right:32px!important}}
@media (max-width:767px){.ss-approche-header{padding-left:16px!important;padding-right:16px!important}}
.ss-approche-inner{max-width:1140px;margin:0 auto;width:100%;box-sizing:border-box;padding-left:24px;padding-right:24px}
@media (max-width:1023px) and (min-width:768px){.ss-approche-inner{padding-left:32px;padding-right:32px}}
@media (max-width:767px){.ss-approche-inner{padding-left:16px;padding-right:16px}}
.ss-approche-cards{display:flex;flex-direction:row;align-items:stretch;gap:24px}
.ss-approche-card{flex:1 1 0;min-width:0;text-align:center;margin-top:0}
@media (max-width:1023px) and (min-width:768px){.ss-approche-cards{flex-wrap:wrap;row-gap:32px}.ss-approche-card{flex:1 1 calc(50% - 12px)}}
@media (max-width:767px){.ss-approche-cards{flex-wrap:wrap;row-gap:32px}.ss-approche-card{flex:1 1 100%}}
.ss-approche-card__icon{width:52px;height:52px;border-radius:50%;background-color:#F8FAFC;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.ss-approche-card__icon::before{content:"";width:22px;height:22px;background:no-repeat center/contain}
.ss-approche-card__icon--search::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23091A2A' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")}
.ss-approche-card__icon--star::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23091A2A' stroke-width='2'%3E%3Cpath d='M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4z'/%3E%3C/svg%3E")}
.ss-approche-card__icon--check::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23091A2A' stroke-width='2'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
.ss-approche-card h3{color:#091A2A;font-size:18px;font-weight:500;margin:0 0 8px}
.ss-approche-card p{color:#667788;font-size:13px;line-height:1.5;margin:0}

/* Services */
.ss-services-section{padding:96px 0!important;background-color:#F8FAFC}
@media (max-width:767px){.ss-services-section{padding:64px 0!important}}
.ss-services-inner{max-width:1140px;margin:0 auto;width:100%;box-sizing:border-box;padding-left:24px;padding-right:24px}
@media (max-width:1023px) and (min-width:768px){.ss-services-inner{padding-left:32px;padding-right:32px}}
@media (max-width:767px){.ss-services-inner{padding-left:16px;padding-right:16px}}
.ss-services-header{text-align:left;margin-bottom:48px}
.ss-services-header h2{color:#091A2A;font-size:24px;font-weight:500}
/* #5C6D7F (pas #667788) : .ss-services-section a un fond teinte F8FAFC,
   #667788 n'y fait que 4.4:1 (sous AA 4.5:1) — meme bug que Offres/Conseils/
   Contact (session 33), corrige avant meme la bascule. */
.ss-services-header__subtitle{color:#5C6D7F!important;font-size:15px!important;font-weight:400;margin-top:12px!important}
.ss-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:1023px) and (min-width:768px){.ss-services-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.ss-services-grid{grid-template-columns:1fr}}
.ss-services-card{background-color:#ffffff;border:1px solid #E2E8F0;border-radius:12px;padding:24px;margin-top:0}
.ss-services-card__icon{width:44px;height:44px;border-radius:8px;background-color:#F8FAFC;display:flex;align-items:center;justify-content:center;margin:0 0 16px}
.ss-services-card__icon::before{content:"";width:20px;height:20px;background:no-repeat center/contain}
.ss-services-card__icon--star::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23091A2A' stroke-width='2'%3E%3Cpath d='M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4z'/%3E%3C/svg%3E")}
.ss-services-card__icon--user::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23091A2A' stroke-width='2'%3E%3Cpath d='M4 20c0-4 4-6 8-6s8 2 8 6'/%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3C/svg%3E")}
.ss-services-card__icon--checklist::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23091A2A' stroke-width='2'%3E%3Cpath d='M9 11l3 3 8-8'/%3E%3Cpath d='M20 12v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9'/%3E%3C/svg%3E")}
.ss-services-card__title{color:#091A2A;font-size:18px;font-weight:500;margin:0 0 6px}
.ss-services-card__title a{color:#091A2A;text-decoration:none}
.ss-services-card__subtitle{color:#2F4F4F!important;font-size:14px!important;font-weight:500;margin:0 0 16px!important}
.ss-services-card__desc{color:#667788;font-size:15px;margin-top:0!important}
.ss-services-card__desc a{color:#0F6B8F;text-decoration:underline}

/* CTA boutons seuls (entre sections) */
.ss-cta-inline{text-align:center;margin-top:0}
.ss-cta-inline--services{padding-bottom:96px!important}
.ss-cta-inline--avis{padding-bottom:48px!important}
.ss-cta-inline .wp-block-buttons{justify-content:center}

/* Avis / temoignages */
.ss-avis-section{padding:96px 0!important}
@media (max-width:767px){.ss-avis-section{padding:64px 0!important}}
.ss-avis-inner{max-width:1140px;margin:0 auto;width:100%;box-sizing:border-box;padding-left:24px;padding-right:24px}
@media (max-width:1023px) and (min-width:768px){.ss-avis-inner{padding-left:32px;padding-right:32px}}
@media (max-width:767px){.ss-avis-inner{padding-left:16px;padding-right:16px}}
.ss-avis-header{margin-bottom:40px}
.ss-avis-header h2{color:#091A2A;font-size:24px;font-weight:500}
.ss-avis-header__subtitle{color:#667788!important;font-size:15px!important;font-weight:400;margin-top:12px!important}
.ss-testimonial-card{display:flex;gap:32px;align-items:flex-start;padding:32px 0;border-bottom:1px solid #E2E8F0;margin-top:0}
.ss-testimonial-card--last{border-bottom:none}
.ss-testimonial-card__body{flex:1 1 auto;min-width:0;margin-top:0}
/* margin-top:24px sur role/title/quote : reproduit la marge fantome
   Gutenberg (is-layout-flow > *, deja presente sur la page live d'origine
   car les classes is-layout-flow/wp-block-group-is-layout-flow etaient
   deja figees dans le HTML brut avant migration) — pas une valeur de
   design choisie, un artefact preexistant reproduit pour non-regression. */
.ss-testimonial-card__name{color:#091A2A;font-size:15px;font-weight:700;margin:0}
.ss-testimonial-card__role{color:#667788;font-size:13px;font-style:italic;margin:0;margin-top:24px!important}
.ss-testimonial-card__stars{width:90px;height:16px;margin:8px 0 12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232F4F4F'%3E%3Cpath d='M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8-6.2-3.3-6.2 3.3 1.2-6.8-5-4.9 6.9-1z'/%3E%3C/svg%3E") repeat-x;background-size:18px 16px}
.ss-testimonial-card__title{color:#091A2A;font-size:18px;font-style:italic;font-weight:500;margin:0;margin-top:24px!important}
.ss-testimonial-card__quote{color:#667788;font-size:14px;line-height:1.6;font-style:italic;margin:0;margin-top:24px!important}
.ss-testimonial-card__photo{flex:0 0 160px;width:160px;height:160px;border-radius:12px;overflow:hidden;margin:0}
.ss-testimonial-card__photo img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:767px){.ss-testimonial-card{flex-direction:column}.ss-testimonial-card__photo{width:100%;flex:0 0 auto;height:180px}}

/* Parcours */
.ss-parcours-section{padding:96px 0!important;background-color:#F8FAFC}
@media (max-width:767px){.ss-parcours-section{padding:64px 0!important}}
.ss-parcours-inner{max-width:1140px;margin:0 auto;width:100%;box-sizing:border-box;padding-left:24px;padding-right:24px}
@media (max-width:1023px) and (min-width:768px){.ss-parcours-inner{padding-left:32px;padding-right:32px}}
@media (max-width:767px){.ss-parcours-inner{padding-left:16px;padding-right:16px}}
.ss-parcours-header{margin-bottom:40px}
.ss-parcours-header h2{color:#091A2A;font-size:24px;font-weight:500}
/* #5C6D7F (pas #667788) : .ss-parcours-section a un fond teinte F8FAFC,
   meme bug que .ss-services-header__subtitle ci-dessus. */
.ss-parcours-header__subtitle{color:#5C6D7F!important;font-size:15px!important;font-weight:400;margin-top:12px!important}
.ss-parcours-rail{position:relative;max-width:1040px;margin:0 auto 40px}
.ss-parcours-rail__line{position:absolute;top:19px;left:16.6%;right:16.6%;height:2px;background:#E2E8F0}
.ss-parcours-rail__dots{display:flex;justify-content:space-between;position:relative}
.ss-parcours-rail__dot{width:38px;height:38px;border-radius:50%;background:#FFFFFF;border:2px solid #091A2A;color:#091A2A;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0}
@media (max-width:767px){.ss-parcours-rail__line{left:12%;right:12%}}
.ss-parcours-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:1023px) and (min-width:768px){.ss-parcours-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.ss-parcours-grid{grid-template-columns:1fr}}
.ss-parcours-card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;padding:24px;margin-top:0}
.ss-parcours-card figure.wp-block-image{height:40px;display:flex;align-items:center;margin:0 0 12px}
.ss-parcours-card img{max-height:100%;width:auto;display:block}
.ss-parcours-card h3{color:#091A2A;font-size:18px;font-weight:500;margin:0 0 12px}
.ss-parcours-card p{color:#667788;font-size:14px;line-height:1.6;margin:0 0 12px}
.ss-parcours-card p:last-child{margin-bottom:0}
.ss-parcours-card p a{color:#0F6B8F;text-decoration:underline}

/* CTA final */
/* Padding constant 64px 24px a tous les paliers : comme sur les CTA finaux
   des autres pages, le style="padding:64px 24px" en dur de l'ancien bloc
   uagb/cta primait deja sur la reduction mobile du <style> (jamais active),
   reproduit tel quel pour non-regression. */
.ss-cta-accueil{background-color:#091A2A;padding:64px 24px!important;text-align:center}
.ss-cta-accueil h2{color:#fff;font-size:24px;font-weight:500;margin:0 0 16px}
.ss-cta-accueil__desc{color:#778899!important;margin:0 0 32px!important}
.ss-cta-accueil .wp-block-buttons{justify-content:center;margin-top:0!important}
.ss-cta-accueil .wp-block-button__link{line-height:1.857}