/* ==========================================================================
   Passerelle entre les blocs natifs de WordPress et le design Dômes Pressing.
   Chaque règle traduit le balisage d'un bloc Gutenberg vers un composant
   du design system, pour que l'éditeur reste 100 % visuel.
   ========================================================================== */

/* --- Le contenu de page ne subit plus la largeur d'Astra --- */
.entry-content{max-width:none}
.entry-content>*{margin-block:0}
.entry-content>.alignfull{max-width:none;width:100%;margin-inline:0}

/* --- Groupe = section pleine largeur ------------------------------------ */
.entry-content>.wp-block-group{padding-block:clamp(64px,9vw,120px)}
.entry-content>.wp-block-group.section--tight{padding-block:clamp(48px,6vw,80px)}
.entry-content>.wp-block-group.is-nopad{padding-block:0}
.wp-block-group.section--soft{background:var(--surface)}
.wp-block-group.section--gradient{background:var(--grad-soft)}
.wp-block-group.section--deep{background:var(--deep)}
.wp-block-group.section--deep,
.wp-block-group.section--deep p,
.wp-block-group.section--deep li{color:#CFE2F7}
.wp-block-group.section--deep h1,
.wp-block-group.section--deep h2,
.wp-block-group.section--deep h3,
.wp-block-group.section--deep h4{color:#fff}

/* Conteneur centré : un groupe imbriqué portant la classe .wrap */
.wp-block-group.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
.wp-block-group.wrap--narrow{max-width:var(--wrap-narrow)}

/* --- Colonnes ------------------------------------------------------------ */
.wp-block-columns{gap:28px;margin-bottom:0}
.wp-block-columns.gap-lg{gap:clamp(32px,5vw,68px)}
.wp-block-columns.gap-sm{gap:18px}
.wp-block-column{min-width:0}
.wp-block-columns.items-center{align-items:center}
.wp-block-columns.items-stretch{align-items:stretch}

/* Grille de cartes : les colonnes gardent la même hauteur */
.wp-block-columns.cards>.wp-block-column{display:flex}
.wp-block-columns.cards>.wp-block-column>.wp-block-group{width:100%}

/* --- Titres -------------------------------------------------------------- */
.wp-block-heading.eyebrow{
  font-family:var(--ff-title);font-weight:800;font-size:.78rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--accent);
  display:flex;align-items:center;gap:10px;margin:0 0 18px;line-height:1.4;
}
.wp-block-heading.eyebrow::before{content:"";width:28px;height:2px;background:var(--accent2);border-radius:2px;flex:none}
.wp-block-heading.eyebrow.has-text-align-center{justify-content:center}
.section--deep .wp-block-heading.eyebrow{color:var(--accent2)}
.section--deep .wp-block-heading.eyebrow::before{background:var(--accent2)}

.wp-block-heading.thin{font-weight:500;color:var(--accent);font-size:clamp(1.4rem,2.6vw,2rem);margin-top:.2em;letter-spacing:-.01em}
.wp-block-heading.card__num,
.wp-block-heading.step__n{font-family:var(--ff-title);font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent2);margin:0 0 10px;line-height:1.4}
.wp-block-heading.stat-value{font-family:var(--ff-title);font-weight:800;font-size:clamp(2rem,3.4vw,2.9rem);color:#fff;line-height:1;margin:0}

/* --- Paragraphes --------------------------------------------------------- */
.wp-block-group p{margin:0}
.wp-block-group p+p{margin-top:1.1em}
p.lead{font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.65;color:var(--ink-60)}
.section--deep p.lead{color:#CFE2F7}
p.small{font-size:.88rem;line-height:1.6}
p.muted{color:var(--ink-40)}
p.stat-label{color:#B9D5F3;font-size:.9rem;margin-top:8px}

/* --- Boutons ------------------------------------------------------------- */
.wp-block-buttons{gap:14px;margin-bottom:0}
.wp-block-button__link{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--ff-title);font-weight:700;font-size:.97rem;
  padding:15px 30px;border-radius:var(--r-pill);border:0;line-height:1.2;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),color .25s var(--ease);
  background:var(--grad-accent);color:#fff;box-shadow:var(--sh-blue);text-decoration:none;
}
.wp-block-button__link:hover,.wp-block-button__link:focus{color:#fff;transform:translateY(-3px);box-shadow:0 24px 48px rgba(14,111,184,.32)}

.wp-block-button.btn--ghost .wp-block-button__link{background:#fff;color:var(--deep);box-shadow:inset 0 0 0 2px var(--line)}
.wp-block-button.btn--ghost .wp-block-button__link:hover{color:var(--deep);box-shadow:inset 0 0 0 2px var(--accent)}
.wp-block-button.btn--light .wp-block-button__link{background:#fff;color:var(--deep);box-shadow:none}
.wp-block-button.btn--light .wp-block-button__link:hover{color:var(--deep);box-shadow:var(--sh-lg)}
.wp-block-button.btn--outline-light .wp-block-button__link{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}
.wp-block-button.btn--outline-light .wp-block-button__link:hover{color:var(--deep);background:#fff}
.wp-block-button.btn--sm .wp-block-button__link{padding:11px 22px;font-size:.88rem}
.wp-block-button.btn--block,.wp-block-button.btn--block .wp-block-button__link{width:100%}

/* Lien fléché : un paragraphe portant la classe .link-arrow */
p.link-arrow{margin-top:auto;padding-top:6px}
p.link-arrow a{font-family:var(--ff-title);font-weight:700;font-size:.92rem;display:inline-flex;align-items:center;gap:8px;color:var(--accent)}
p.link-arrow a::after{content:"\2192";transition:transform .25s var(--ease)}
p.link-arrow a:hover::after{transform:translateX(5px)}
.section--deep p.link-arrow a,.card--deep p.link-arrow a{color:var(--accent2)}
.card--feature p.link-arrow a{color:#fff}

/* --- Cartes (groupe portant .card) --------------------------------------- */
.wp-block-group.card{
  background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);
  padding:32px 28px;box-shadow:var(--sh-sm);position:relative;overflow:hidden;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);
  display:flex;flex-direction:column;height:100%;gap:0;
}
.wp-block-group.card:hover{transform:translateY(-7px);box-shadow:var(--sh-lg);border-color:var(--line)}
.wp-block-group.card h3{margin:0 0 10px}
.wp-block-group.card p{font-size:.95rem;margin-bottom:18px}
.wp-block-group.card--deep{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none}
.wp-block-group.card--deep:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28)}
.wp-block-group.card--deep h3{color:#fff}
.wp-block-group.card--deep p{color:#CFE2F7}
.wp-block-group.card--feature{background:var(--grad-deep);border:0}
.wp-block-group.card--feature h3{color:#fff}
.wp-block-group.card--feature p{color:#DCEBFB}
.wp-block-group.card--feature .card__num{color:#BFE2FA}

/* --- Listes -------------------------------------------------------------- */
.wp-block-list.checks{list-style:none;display:grid;gap:11px;padding:0;margin:0}
.wp-block-list.checks li{position:relative;padding-left:30px;font-size:.95rem;line-height:1.55}
.wp-block-list.checks li::before{
  content:"";position:absolute;left:0;top:.32em;width:19px;height:19px;border-radius:50%;
  background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat;
}
.section--deep .wp-block-list.checks li::before{background-color:rgba(255,255,255,.16);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}

/* Puces en pastilles (zone desservie, badges du hero) */
.wp-block-list.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;justify-content:center}
.wp-block-list.chips li{padding:9px 16px;border-radius:var(--r-pill);background:var(--surface);color:var(--deep);font-size:.85rem;font-weight:600}
.section--deep .wp-block-list.chips li{background:rgba(255,255,255,.12);color:#fff}

.wp-block-list.badges{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}
.wp-block-list.badges li{display:inline-flex;align-items:center;gap:8px;background:#fff;box-shadow:var(--sh-sm);border:1px solid var(--line-soft);padding:9px 16px;border-radius:var(--r-pill);font-size:.85rem;font-weight:600;color:var(--ink)}

.wp-block-list.footer-links{list-style:none;display:grid;gap:11px;padding:0;margin:0}

/* --- Image --------------------------------------------------------------- */
.wp-block-image{margin:0}
.wp-block-image.hero__photo img{border-radius:var(--r-xl);box-shadow:var(--sh-lg);width:100%}
.wp-block-image.media-round img{border-radius:var(--r-xl);box-shadow:var(--sh-lg);width:100%}
.wp-block-image img{border-radius:var(--r-lg)}

/* --- Tableau de tarifs --------------------------------------------------- */
.wp-block-table.price-table{margin:0;overflow:visible}
.wp-block-table.price-table table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-md);border:1px solid var(--line-soft)}
.wp-block-table.price-table th,.wp-block-table.price-table td{padding:15px 22px;text-align:left;font-size:.96rem;border:0}
.wp-block-table.price-table thead th{background:var(--deep);color:#fff;font-family:var(--ff-title);font-weight:700;font-size:.88rem;letter-spacing:.04em;text-transform:uppercase}
.wp-block-table.price-table thead th:last-child,.wp-block-table.price-table td:last-child{text-align:right}
.wp-block-table.price-table tbody tr+tr td{border-top:1px solid var(--line-soft)}
.wp-block-table.price-table tbody tr:nth-child(even){background:#FBFDFF}
.wp-block-table.price-table tbody tr:hover{background:var(--surface)}
.wp-block-table.price-table td:first-child{color:var(--ink);font-weight:600}
.wp-block-table.price-table td:last-child{font-family:var(--ff-title);font-weight:800;color:var(--accent);white-space:nowrap}
.wp-block-table.price-table figcaption{font-family:var(--ff-title);font-weight:800;font-size:1.15rem;color:var(--ink);margin:0 0 14px;text-align:left}

/* --- FAQ : bloc « Détails » natif --------------------------------------- */
.faq{display:grid;gap:12px;max-width:820px;margin-inline:auto;width:100%}
.wp-block-details{
  background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);
  box-shadow:var(--sh-sm);overflow:hidden;padding:0;
  transition:box-shadow .3s var(--ease),border-color .3s var(--ease);
}
.wp-block-details[open]{box-shadow:var(--sh-md);border-color:var(--line)}
.wp-block-details summary{
  list-style:none;cursor:pointer;padding:20px 58px 20px 24px;position:relative;
  font-family:var(--ff-title);font-weight:700;font-size:1.02rem;color:var(--ink);line-height:1.4;
}
.wp-block-details summary::-webkit-details-marker,
.wp-block-details summary::marker{display:none;content:""}
.wp-block-details summary::after{
  content:"";position:absolute;right:22px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;border-radius:50%;background:var(--surface)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/13px no-repeat;
  transition:transform .3s var(--ease);
}
.wp-block-details[open] summary::after{transform:translateY(-50%) rotate(180deg)}
.wp-block-details>*:not(summary){padding:0 24px;font-size:.96rem}
.wp-block-details>*:last-child:not(summary){padding-bottom:22px}

/* --- Bandeau d'appel à l'action ------------------------------------------ */
.wp-block-group.cta-band{
  background:var(--grad-deep);border-radius:var(--r-xl);padding:clamp(40px,5vw,64px);
  position:relative;overflow:hidden;text-align:center;
}
.wp-block-group.cta-band::before{content:"";position:absolute;top:-140px;right:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 68%)}
.wp-block-group.cta-band::after{content:"";position:absolute;bottom:-180px;left:-140px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 68%)}
.wp-block-group.cta-band>*{position:relative;z-index:1}
.wp-block-group.cta-band h2{color:#fff;max-width:18ch;margin-inline:auto}
.wp-block-group.cta-band p{color:#CFE2F7;max-width:56ch;margin-inline:auto}
.wp-block-group.cta-band .wp-block-buttons{justify-content:center;margin-top:30px}

/* --- Hero ---------------------------------------------------------------- */
.wp-block-group.hero{position:relative;overflow:hidden;padding-block:clamp(48px,7vw,90px) clamp(80px,9vw,120px)}
.wp-block-group.hero::before{content:"";position:absolute;top:-320px;right:-260px;width:820px;height:820px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(47,163,227,.22),rgba(233,243,251,0) 68%);z-index:0;pointer-events:none}
.wp-block-group.hero::after{content:"";position:absolute;left:-180px;bottom:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(14,111,184,.10),rgba(255,255,255,0) 70%);z-index:0;pointer-events:none}
.wp-block-group.hero>*{position:relative;z-index:1}

/* --- Barre de confiance -------------------------------------------------- */
.wp-block-group.trustbar{
  background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);
  box-shadow:var(--sh-md);padding:26px 30px;margin-top:-56px;position:relative;z-index:5;
}
.wp-block-group.trustbar .wp-block-columns{gap:20px}
.wp-block-group.trustbar .wp-block-column+.wp-block-column{border-left:1px solid var(--line-soft);padding-left:20px}
.wp-block-group.trustbar p{font-size:.8rem;color:var(--ink-40);line-height:1.4}
.wp-block-group.trustbar .trust-title{font-family:var(--ff-title);font-weight:800;font-size:.98rem;color:var(--ink);line-height:1.25;margin:0 0 2px}

/* ==========================================================================
   Étapes numérotées.

   Chaque colonne reçoit automatiquement sa pastille ronde à icône, dessinée
   en CSS. C'est cette pastille de 68 px qui donne son sens au trait en
   pointillés : le trait passe pile en son centre, à 34 px du haut.

   Les icônes sont attribuées par position (1re colonne = calendrier, etc.).
   Pour en changer une : dans l'éditeur, cliquer sur la colonne → Avancé →
   Classe(s) CSS supplémentaire(s) → taper « step--mail », « step--colis »,
   « step--goutte », « step--check », « step--horloge », « step--ciseaux »,
   « step--pin » ou « step--agenda ».
   ========================================================================== */

.wp-block-columns.steps{
  display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative;
}
.wp-block-columns.steps::before{
  content:"";position:absolute;top:34px;left:12%;right:12%;height:2px;
  background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 16px);
  z-index:0;
}
.wp-block-columns.steps>.wp-block-column{
  text-align:center;position:relative;z-index:1;
}

/* La pastille */
.wp-block-columns.steps>.wp-block-column::before{
  content:"";
  display:block;
  width:68px;height:68px;border-radius:50%;
  margin:0 auto 20px;
  background:#fff var(--dp-ico) center / 30px 30px no-repeat;
  box-shadow:0 0 0 8px var(--surface),var(--sh-sm);
  transition:transform .35s var(--ease);
  --dp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='3'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
}
.wp-block-columns.steps>.wp-block-column:hover::before{
  transform:translateY(-5px) scale(1.05);
}
.section--soft .wp-block-columns.steps>.wp-block-column::before{
  box-shadow:0 0 0 8px #fff,var(--sh-sm);
}

/* Icônes par position, puis surcharge possible par classe */
.wp-block-columns.steps>.wp-block-column:nth-child(2)::before{
  --dp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8'/%3E%3Crect x='2' y='3' width='20' height='5' rx='1.6'/%3E%3Cpath d='M10 12h4'/%3E%3C/svg%3E");
}
.wp-block-columns.steps>.wp-block-column:nth-child(3)::before{
  --dp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.7S6 9.5 6 13.4a6 6 0 0 0 12 0C18 9.5 12 2.7 12 2.7z'/%3E%3C/svg%3E");
}
.wp-block-columns.steps>.wp-block-column:nth-child(4)::before{
  --dp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

.wp-block-columns.steps>.wp-block-column.step--agenda::before{
  --dp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='3'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
}
.wp-block-columns.steps>.wp-block-column.step--mail::before{
  --dp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m2 7 10 6 10-6'/%3E%3C/svg%3E");
}
.wp-block-columns.steps>.wp-block-column.step--colis::before{
  --dp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='13' rx='2'/%3E%3Cpath d='M2 12h20M12 7v13'/%3E%3C/svg%3E");
}
.wp-block-columns.steps>.wp-block-column.step--goutte::before{
  --dp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.7S6 9.5 6 13.4a6 6 0 0 0 12 0C18 9.5 12 2.7 12 2.7z'/%3E%3C/svg%3E");
}
.wp-block-columns.steps>.wp-block-column.step--check::before{
  --dp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.wp-block-columns.steps>.wp-block-column.step--horloge::before{
  --dp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E");
}
.wp-block-columns.steps>.wp-block-column.step--ciseaux::before{
  --dp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M20 4 8.12 15.88M14.47 14.48 20 20M8.12 8.12 12 12'/%3E%3C/svg%3E");
}
.wp-block-columns.steps>.wp-block-column.step--pin::before{
  --dp-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

.wp-block-columns.steps h3{font-size:1.12rem;margin:0 0 8px}
.wp-block-columns.steps p{font-size:.92rem}

@media (max-width:900px){
  .wp-block-columns.steps{grid-template-columns:repeat(2,1fr);row-gap:40px}
  .wp-block-columns.steps::before{display:none}
}
@media (max-width:560px){
  .wp-block-columns.steps{grid-template-columns:1fr}
}

/* --- En-tête de page intérieure ------------------------------------------ */
.wp-block-group.pagehead{background:var(--grad-soft);position:relative;overflow:hidden;padding-block:clamp(30px,4vw,44px) clamp(52px,6vw,76px)}
.wp-block-group.pagehead::before{content:"";position:absolute;top:-260px;right:-200px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(47,163,227,.16),transparent 68%)}
.wp-block-group.pagehead>*{position:relative;z-index:1}
.wp-block-group.pagehead h1{margin-bottom:18px;max-width:20ch}
.wp-block-group.pagehead p.lead{max-width:62ch}

/* --- Bloc d'information (colonne latérale, formulaires) ------------------ */
.wp-block-group.infobox{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:30px;box-shadow:var(--sh-md)}
.wp-block-group.infobox h2,.wp-block-group.infobox h3{margin-top:0}

/* --- Formulaires SureForms ----------------------------------------------- */
.srfm-form-container{font-family:var(--ff-body)}
.srfm-form-container .srfm-input-common,
.srfm-form-container textarea,
.srfm-form-container select{border-radius:var(--r-sm)!important;border-color:var(--line)!important;font-family:var(--ff-body)!important}
.srfm-form-container .srfm-button{border-radius:var(--r-pill)!important;background:var(--accent)!important;font-family:var(--ff-title)!important;font-weight:700!important}

/* --- Espacements utilitaires -------------------------------------------- */
.mt-0{margin-top:0!important}
.mt-sm{margin-top:14px!important}
.mt-md{margin-top:26px!important}
.mt-lg{margin-top:44px!important}
.text-center{text-align:center}
.mx-auto{margin-inline:auto}

/* --- Éditeur : rendre les sections lisibles dans l'admin ---------------- */
.editor-styles-wrapper .wp-block-group.section--deep{background:var(--deep)}
.editor-styles-wrapper .wp-block-group.trustbar{margin-top:0}


/* ==========================================================================
   Bibliothèque d'icônes supplémentaires.
   Définies une seule fois ici, réutilisées par les pastilles d'étape
   (step--nom) et par les icônes de bouton (ico--nom).
   ========================================================================== */
:root{
  --ico-maison:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V8l7-5 7 5v13'/%3E%3Cpath d='M10 21v-6h4v6'/%3E%3C/svg%3E");
  --ico-cintre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6a2 2 0 1 1 2 2c-1.1 0-2 .9-2 2v1'/%3E%3Cpath d='M12 11 3.6 17.2c-.8.6-.4 1.8.6 1.8h15.6c1 0 1.4-1.2.6-1.8L12 11z'/%3E%3C/svg%3E");
  --ico-fer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16h16a8 8 0 0 0-8-8H9a5 5 0 0 0-5 5v3z'/%3E%3Cpath d='M4 19.5h16'/%3E%3C/svg%3E");
  --ico-machine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Ccircle cx='12' cy='14' r='4'/%3E%3Cpath d='M8 6h.01M11 6h.01'/%3E%3C/svg%3E");
  --ico-vetement:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 4 5.5V10h3v11h10V10h3V5.5L16 3a4 4 0 0 1-8 0z'/%3E%3C/svg%3E");
  --ico-sac:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 14H7L6 7z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E");
  --ico-etoile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2.5 2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4 6.2 20.4l1.1-6.5L2.6 9.3l6.5-.9L12 2.5z'/%3E%3C/svg%3E");
  --ico-euro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 5.5a7.5 7.5 0 1 0 0 13'/%3E%3Cpath d='M4 10h9M4 14h9'/%3E%3C/svg%3E");
  --ico-camion:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1.5' y='6' width='12' height='10' rx='1.5'/%3E%3Cpath d='M13.5 9.5H17l3.5 3.5V16h-7z'/%3E%3Ccircle cx='6' cy='18.5' r='2'/%3E%3Ccircle cx='17.5' cy='18.5' r='2'/%3E%3C/svg%3E");
  --ico-feuille:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4c0 10-5.5 15-13 15H4c0-8 6-14.5 16-15z'/%3E%3Cpath d='M4 20c2.5-4.5 6-7.5 10.5-9.5'/%3E%3C/svg%3E");
}

/* Pastilles d'étape */
.wp-block-columns.steps>.wp-block-column.step--maison::before{--dp-ico:var(--ico-maison)}
.wp-block-columns.steps>.wp-block-column.step--cintre::before{--dp-ico:var(--ico-cintre)}
.wp-block-columns.steps>.wp-block-column.step--fer::before{--dp-ico:var(--ico-fer)}
.wp-block-columns.steps>.wp-block-column.step--machine::before{--dp-ico:var(--ico-machine)}
.wp-block-columns.steps>.wp-block-column.step--vetement::before{--dp-ico:var(--ico-vetement)}
.wp-block-columns.steps>.wp-block-column.step--sac::before{--dp-ico:var(--ico-sac)}
.wp-block-columns.steps>.wp-block-column.step--etoile::before{--dp-ico:var(--ico-etoile)}
.wp-block-columns.steps>.wp-block-column.step--euro::before{--dp-ico:var(--ico-euro)}
.wp-block-columns.steps>.wp-block-column.step--camion::before{--dp-ico:var(--ico-camion)}
.wp-block-columns.steps>.wp-block-column.step--feuille::before{--dp-ico:var(--ico-feuille)}


/* ==========================================================================
   Grilles utilitaires, reprises telles quelles du site HTML.
   Elles avaient été oubliées lors de la reprise de la feuille de style : les
   cartes d'article s'affichaient donc les unes sous les autres, pleine
   largeur, au lieu de se ranger en colonnes.
   ========================================================================== */

.grid   { display: grid; gap: 28px; }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1080px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
  .grid-2,
  .grid-3,
  .grid-4 { grid-template-columns: 1fr; }
}


/* ==========================================================================
   Bibliothèque d'icônes complète : version bleue (--ico-nom) pour les fonds
   clairs, version blanche (--icow-nom) pour les fonds bleus.
   ========================================================================== */
:root{
  --ico-agenda:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='3'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
  --ico-tel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
  --ico-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m2 7 10 6 10-6'/%3E%3C/svg%3E");
  --ico-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
  --ico-horloge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E");
  --ico-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  --ico-goutte:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.7S6 9.5 6 13.4a6 6 0 0 0 12 0C18 9.5 12 2.7 12 2.7z'/%3E%3Cpath d='M9.5 14a2.5 2.5 0 0 0 2.5 2.5'/%3E%3C/svg%3E");
  --ico-ciseaux:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M20 4 8.12 15.88M14.47 14.48 20 20M8.12 8.12 12 12'/%3E%3C/svg%3E");
  --ico-colis:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='13' rx='2'/%3E%3Cpath d='M2 12h20M12 7v13'/%3E%3C/svg%3E");
  --ico-fleche:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --ico-maison:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V8l7-5 7 5v13'/%3E%3Cpath d='M10 21v-6h4v6'/%3E%3C/svg%3E");
  --ico-cintre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6a2 2 0 1 1 2 2c-1.1 0-2 .9-2 2v1'/%3E%3Cpath d='M12 11 3.6 17.2c-.8.6-.4 1.8.6 1.8h15.6c1 0 1.4-1.2.6-1.8L12 11z'/%3E%3C/svg%3E");
  --ico-fer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16h16a8 8 0 0 0-8-8H9a5 5 0 0 0-5 5v3z'/%3E%3Cpath d='M4 19.5h16'/%3E%3C/svg%3E");
  --ico-machine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Ccircle cx='12' cy='14' r='4'/%3E%3Cpath d='M8 6h.01M11 6h.01'/%3E%3C/svg%3E");
  --ico-vetement:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 4 5.5V10h3v11h10V10h3V5.5L16 3a4 4 0 0 1-8 0z'/%3E%3C/svg%3E");
  --ico-sac:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 14H7L6 7z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E");
  --ico-etoile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2.5 2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4 6.2 20.4l1.1-6.5L2.6 9.3l6.5-.9L12 2.5z'/%3E%3C/svg%3E");
  --ico-euro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 5.5a7.5 7.5 0 1 0 0 13'/%3E%3Cpath d='M4 10h9M4 14h9'/%3E%3C/svg%3E");
  --ico-camion:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1.5' y='6' width='12' height='10' rx='1.5'/%3E%3Cpath d='M13.5 9.5H17l3.5 3.5V16h-7z'/%3E%3Ccircle cx='6' cy='18.5' r='2'/%3E%3Ccircle cx='17.5' cy='18.5' r='2'/%3E%3C/svg%3E");
  --ico-feuille:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4c0 10-5.5 15-13 15H4c0-8 6-14.5 16-15z'/%3E%3Cpath d='M4 20c2.5-4.5 6-7.5 10.5-9.5'/%3E%3C/svg%3E");
  --icow-agenda:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='3'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
  --icow-tel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
  --icow-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m2 7 10 6 10-6'/%3E%3C/svg%3E");
  --icow-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
  --icow-horloge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E");
  --icow-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  --icow-goutte:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.7S6 9.5 6 13.4a6 6 0 0 0 12 0C18 9.5 12 2.7 12 2.7z'/%3E%3Cpath d='M9.5 14a2.5 2.5 0 0 0 2.5 2.5'/%3E%3C/svg%3E");
  --icow-ciseaux:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M20 4 8.12 15.88M14.47 14.48 20 20M8.12 8.12 12 12'/%3E%3C/svg%3E");
  --icow-colis:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='13' rx='2'/%3E%3Cpath d='M2 12h20M12 7v13'/%3E%3C/svg%3E");
  --icow-fleche:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --icow-maison:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V8l7-5 7 5v13'/%3E%3Cpath d='M10 21v-6h4v6'/%3E%3C/svg%3E");
  --icow-cintre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6a2 2 0 1 1 2 2c-1.1 0-2 .9-2 2v1'/%3E%3Cpath d='M12 11 3.6 17.2c-.8.6-.4 1.8.6 1.8h15.6c1 0 1.4-1.2.6-1.8L12 11z'/%3E%3C/svg%3E");
  --icow-fer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16h16a8 8 0 0 0-8-8H9a5 5 0 0 0-5 5v3z'/%3E%3Cpath d='M4 19.5h16'/%3E%3C/svg%3E");
  --icow-machine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Ccircle cx='12' cy='14' r='4'/%3E%3Cpath d='M8 6h.01M11 6h.01'/%3E%3C/svg%3E");
  --icow-vetement:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 4 5.5V10h3v11h10V10h3V5.5L16 3a4 4 0 0 1-8 0z'/%3E%3C/svg%3E");
  --icow-sac:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 14H7L6 7z'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E");
  --icow-etoile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2.5 2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4 6.2 20.4l1.1-6.5L2.6 9.3l6.5-.9L12 2.5z'/%3E%3C/svg%3E");
  --icow-euro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 5.5a7.5 7.5 0 1 0 0 13'/%3E%3Cpath d='M4 10h9M4 14h9'/%3E%3C/svg%3E");
  --icow-camion:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1.5' y='6' width='12' height='10' rx='1.5'/%3E%3Cpath d='M13.5 9.5H17l3.5 3.5V16h-7z'/%3E%3Ccircle cx='6' cy='18.5' r='2'/%3E%3Ccircle cx='17.5' cy='18.5' r='2'/%3E%3C/svg%3E");
  --icow-feuille:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4c0 10-5.5 15-13 15H4c0-8 6-14.5 16-15z'/%3E%3Cpath d='M4 20c2.5-4.5 6-7.5 10.5-9.5'/%3E%3C/svg%3E");
}

/* ==========================================================================
   Icône des cartes de service (reprise du site HTML : carré arrondi bleu
   clair, icône à l'intérieur, placée sous le numéro de la carte).
   S'active en ajoutant une classe ico--nom à la carte dans l'éditeur.
   ========================================================================== */
.wp-block-group.card[class*="ico--"] > *{order:3}
.wp-block-group.card[class*="ico--"] > .card__num{order:1}
.wp-block-group.card[class*="ico--"]::before{
  content:"";order:2;flex:none;
  width:58px;height:58px;border-radius:16px;margin-bottom:20px;
  --dp-ico:var(--ico-goutte);
  background:var(--surface) var(--dp-ico) center / 30px 30px no-repeat;
  transition:background .35s var(--ease);
}
.wp-block-group.card.card--deep[class*="ico--"]::before{background-color:rgba(255,255,255,.12)}
.wp-block-group.card.card--feature[class*="ico--"]::before{background-color:rgba(255,255,255,.16)}

.wp-block-group.card.ico--agenda::before{--dp-ico:var(--ico-agenda)}
.wp-block-group.card.ico--tel::before{--dp-ico:var(--ico-tel)}
.wp-block-group.card.ico--mail::before{--dp-ico:var(--ico-mail)}
.wp-block-group.card.ico--pin::before{--dp-ico:var(--ico-pin)}
.wp-block-group.card.ico--horloge::before{--dp-ico:var(--ico-horloge)}
.wp-block-group.card.ico--check::before{--dp-ico:var(--ico-check)}
.wp-block-group.card.ico--goutte::before{--dp-ico:var(--ico-goutte)}
.wp-block-group.card.ico--ciseaux::before{--dp-ico:var(--ico-ciseaux)}
.wp-block-group.card.ico--colis::before{--dp-ico:var(--ico-colis)}
.wp-block-group.card.ico--fleche::before{--dp-ico:var(--ico-fleche)}
.wp-block-group.card.ico--maison::before{--dp-ico:var(--ico-maison)}
.wp-block-group.card.ico--cintre::before{--dp-ico:var(--ico-cintre)}
.wp-block-group.card.ico--fer::before{--dp-ico:var(--ico-fer)}
.wp-block-group.card.ico--machine::before{--dp-ico:var(--ico-machine)}
.wp-block-group.card.ico--vetement::before{--dp-ico:var(--ico-vetement)}
.wp-block-group.card.ico--sac::before{--dp-ico:var(--ico-sac)}
.wp-block-group.card.ico--etoile::before{--dp-ico:var(--ico-etoile)}
.wp-block-group.card.ico--euro::before{--dp-ico:var(--ico-euro)}
.wp-block-group.card.ico--camion::before{--dp-ico:var(--ico-camion)}
.wp-block-group.card.ico--feuille::before{--dp-ico:var(--ico-feuille)}

/* Sur fond bleu, l'icône passe en blanc */
.wp-block-group.card.card--deep.ico--agenda::before,.wp-block-group.card.card--feature.ico--agenda::before{--dp-ico:var(--icow-agenda)}
.wp-block-group.card.card--deep.ico--tel::before,.wp-block-group.card.card--feature.ico--tel::before{--dp-ico:var(--icow-tel)}
.wp-block-group.card.card--deep.ico--mail::before,.wp-block-group.card.card--feature.ico--mail::before{--dp-ico:var(--icow-mail)}
.wp-block-group.card.card--deep.ico--pin::before,.wp-block-group.card.card--feature.ico--pin::before{--dp-ico:var(--icow-pin)}
.wp-block-group.card.card--deep.ico--horloge::before,.wp-block-group.card.card--feature.ico--horloge::before{--dp-ico:var(--icow-horloge)}
.wp-block-group.card.card--deep.ico--check::before,.wp-block-group.card.card--feature.ico--check::before{--dp-ico:var(--icow-check)}
.wp-block-group.card.card--deep.ico--goutte::before,.wp-block-group.card.card--feature.ico--goutte::before{--dp-ico:var(--icow-goutte)}
.wp-block-group.card.card--deep.ico--ciseaux::before,.wp-block-group.card.card--feature.ico--ciseaux::before{--dp-ico:var(--icow-ciseaux)}
.wp-block-group.card.card--deep.ico--colis::before,.wp-block-group.card.card--feature.ico--colis::before{--dp-ico:var(--icow-colis)}
.wp-block-group.card.card--deep.ico--fleche::before,.wp-block-group.card.card--feature.ico--fleche::before{--dp-ico:var(--icow-fleche)}
.wp-block-group.card.card--deep.ico--maison::before,.wp-block-group.card.card--feature.ico--maison::before{--dp-ico:var(--icow-maison)}
.wp-block-group.card.card--deep.ico--cintre::before,.wp-block-group.card.card--feature.ico--cintre::before{--dp-ico:var(--icow-cintre)}
.wp-block-group.card.card--deep.ico--fer::before,.wp-block-group.card.card--feature.ico--fer::before{--dp-ico:var(--icow-fer)}
.wp-block-group.card.card--deep.ico--machine::before,.wp-block-group.card.card--feature.ico--machine::before{--dp-ico:var(--icow-machine)}
.wp-block-group.card.card--deep.ico--vetement::before,.wp-block-group.card.card--feature.ico--vetement::before{--dp-ico:var(--icow-vetement)}
.wp-block-group.card.card--deep.ico--sac::before,.wp-block-group.card.card--feature.ico--sac::before{--dp-ico:var(--icow-sac)}
.wp-block-group.card.card--deep.ico--etoile::before,.wp-block-group.card.card--feature.ico--etoile::before{--dp-ico:var(--icow-etoile)}
.wp-block-group.card.card--deep.ico--euro::before,.wp-block-group.card.card--feature.ico--euro::before{--dp-ico:var(--icow-euro)}
.wp-block-group.card.card--deep.ico--camion::before,.wp-block-group.card.card--feature.ico--camion::before{--dp-ico:var(--icow-camion)}
.wp-block-group.card.card--deep.ico--feuille::before,.wp-block-group.card.card--feature.ico--feuille::before{--dp-ico:var(--icow-feuille)}

/* ==========================================================================
   Barre de confiance : une icône à gauche de chaque argument.
   ========================================================================== */
.wp-block-group.trustbar .wp-block-column{
  display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-items:center;
}
.wp-block-group.trustbar .wp-block-column > *{grid-column:2}
.wp-block-group.trustbar .wp-block-column::before{
  content:"";grid-column:1;grid-row:1 / span 2;align-self:center;
  width:40px;height:40px;border-radius:12px;
  --dp-ico:var(--ico-goutte);
  background:var(--surface) var(--dp-ico) center / 20px 20px no-repeat;
}
.wp-block-group.trustbar .wp-block-column:nth-child(2)::before{--dp-ico:var(--ico-horloge)}
.wp-block-group.trustbar .wp-block-column:nth-child(3)::before{--dp-ico:var(--ico-maison)}
.wp-block-group.trustbar .wp-block-column:nth-child(4)::before{--dp-ico:var(--ico-colis)}
.wp-block-group.trustbar .wp-block-column.ico--agenda::before{--dp-ico:var(--ico-agenda)}
.wp-block-group.trustbar .wp-block-column.ico--tel::before{--dp-ico:var(--ico-tel)}
.wp-block-group.trustbar .wp-block-column.ico--mail::before{--dp-ico:var(--ico-mail)}
.wp-block-group.trustbar .wp-block-column.ico--pin::before{--dp-ico:var(--ico-pin)}
.wp-block-group.trustbar .wp-block-column.ico--horloge::before{--dp-ico:var(--ico-horloge)}
.wp-block-group.trustbar .wp-block-column.ico--check::before{--dp-ico:var(--ico-check)}
.wp-block-group.trustbar .wp-block-column.ico--goutte::before{--dp-ico:var(--ico-goutte)}
.wp-block-group.trustbar .wp-block-column.ico--ciseaux::before{--dp-ico:var(--ico-ciseaux)}
.wp-block-group.trustbar .wp-block-column.ico--colis::before{--dp-ico:var(--ico-colis)}
.wp-block-group.trustbar .wp-block-column.ico--fleche::before{--dp-ico:var(--ico-fleche)}
.wp-block-group.trustbar .wp-block-column.ico--maison::before{--dp-ico:var(--ico-maison)}
.wp-block-group.trustbar .wp-block-column.ico--cintre::before{--dp-ico:var(--ico-cintre)}
.wp-block-group.trustbar .wp-block-column.ico--fer::before{--dp-ico:var(--ico-fer)}
.wp-block-group.trustbar .wp-block-column.ico--machine::before{--dp-ico:var(--ico-machine)}
.wp-block-group.trustbar .wp-block-column.ico--vetement::before{--dp-ico:var(--ico-vetement)}
.wp-block-group.trustbar .wp-block-column.ico--sac::before{--dp-ico:var(--ico-sac)}
.wp-block-group.trustbar .wp-block-column.ico--etoile::before{--dp-ico:var(--ico-etoile)}
.wp-block-group.trustbar .wp-block-column.ico--euro::before{--dp-ico:var(--ico-euro)}
.wp-block-group.trustbar .wp-block-column.ico--camion::before{--dp-ico:var(--ico-camion)}
.wp-block-group.trustbar .wp-block-column.ico--feuille::before{--dp-ico:var(--ico-feuille)}
@media (max-width:680px){
  .wp-block-group.trustbar .wp-block-column{grid-template-columns:40px 1fr}
}

/* ==========================================================================
   Cartes flottantes du hero : deux encarts blancs posés sur la photo.
   Le texte se modifie dans l'éditeur ; l'icône vient d'une classe ico--nom.
   ========================================================================== */
.wp-block-group.hero__visual{position:relative}
.wp-block-group.hero__float{
  position:absolute;z-index:2;
  background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-lg);
  padding:16px 20px;
  display:grid;grid-template-columns:42px 1fr;column-gap:13px;align-items:center;
}
.wp-block-group.hero__float > *{grid-column:2;margin:0}
.wp-block-group.hero__float::before{
  content:"";grid-column:1;grid-row:1 / span 2;align-self:center;
  width:42px;height:42px;border-radius:12px;
  --dp-ico:var(--ico-goutte);
  background:var(--surface) var(--dp-ico) center / 22px 22px no-repeat;
}
.wp-block-group.hero__float.ico--agenda::before{--dp-ico:var(--ico-agenda)}
.wp-block-group.hero__float.ico--tel::before{--dp-ico:var(--ico-tel)}
.wp-block-group.hero__float.ico--mail::before{--dp-ico:var(--ico-mail)}
.wp-block-group.hero__float.ico--pin::before{--dp-ico:var(--ico-pin)}
.wp-block-group.hero__float.ico--horloge::before{--dp-ico:var(--ico-horloge)}
.wp-block-group.hero__float.ico--check::before{--dp-ico:var(--ico-check)}
.wp-block-group.hero__float.ico--goutte::before{--dp-ico:var(--ico-goutte)}
.wp-block-group.hero__float.ico--ciseaux::before{--dp-ico:var(--ico-ciseaux)}
.wp-block-group.hero__float.ico--colis::before{--dp-ico:var(--ico-colis)}
.wp-block-group.hero__float.ico--fleche::before{--dp-ico:var(--ico-fleche)}
.wp-block-group.hero__float.ico--maison::before{--dp-ico:var(--ico-maison)}
.wp-block-group.hero__float.ico--cintre::before{--dp-ico:var(--ico-cintre)}
.wp-block-group.hero__float.ico--fer::before{--dp-ico:var(--ico-fer)}
.wp-block-group.hero__float.ico--machine::before{--dp-ico:var(--ico-machine)}
.wp-block-group.hero__float.ico--vetement::before{--dp-ico:var(--ico-vetement)}
.wp-block-group.hero__float.ico--sac::before{--dp-ico:var(--ico-sac)}
.wp-block-group.hero__float.ico--etoile::before{--dp-ico:var(--ico-etoile)}
.wp-block-group.hero__float.ico--euro::before{--dp-ico:var(--ico-euro)}
.wp-block-group.hero__float.ico--camion::before{--dp-ico:var(--ico-camion)}
.wp-block-group.hero__float.ico--feuille::before{--dp-ico:var(--ico-feuille)}
.wp-block-group.hero__float--tl{top:26px;left:-30px}
.wp-block-group.hero__float--br{bottom:30px;right:-26px}
p.hero__float-titre{font-family:var(--ff-title);font-weight:800;font-size:1.02rem;color:var(--ink);line-height:1.2;margin:0}
p.hero__float-sous{font-size:.78rem;color:var(--ink-40);line-height:1.35;margin:0}
@media (max-width:1080px){
  .wp-block-group.hero__float--tl{left:-14px}
  .wp-block-group.hero__float--br{right:-14px}
}
@media (max-width:680px){
  .wp-block-group.hero__float{padding:12px 15px;grid-template-columns:36px 1fr}
  .wp-block-group.hero__float::before{width:36px;height:36px;background-size:19px 19px}
  .wp-block-group.hero__float--tl{left:-6px;top:14px}
  .wp-block-group.hero__float--br{right:-6px;bottom:16px}
}

/* ==========================================================================
   Images d'illustration (bloc image + texte).
   Le site HTML recadre ces photos dans un cadre 4/3,2 aux angles très
   arrondis : sans ça, chaque image impose sa propre hauteur et les deux
   colonnes ne s'alignent plus.
   ========================================================================== */
.wp-block-image.media-round{
  border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg);
  aspect-ratio:4 / 3.2;background:var(--surface);
}
.wp-block-image.media-round img{
  width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;display:block;
}

/* Photo du hero : cadre plus haut, comme dans la maquette */
.wp-block-image.hero__photo{
  border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg);
  aspect-ratio:4 / 4.4;background:var(--surface);
}
.wp-block-image.hero__photo img{
  width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;display:block;
}

/* ==========================================================================
   Tableau de tarifs : défilement horizontal sur petit écran, au lieu de
   déborder de la page.
   ========================================================================== */
.wp-block-table.price-table{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.wp-block-table.price-table table{min-width:520px}

/* Tableau des horaires inséré par le code court [horaires] */
h3.hours__titre{font-size:1.15rem;margin:30px 0 14px}
.infobox .hours{margin-top:6px}

/* ==========================================================================
   Tableau des horaires : Astra dessine une bordure sur toutes les cellules
   (table,td,th). On la neutralise pour retrouver de simples lignes de
   séparation horizontales, comme sur le site HTML.
   ========================================================================== */
.hours{
  width:100%;border-collapse:collapse;border-spacing:0;border:0;margin:0;
  font-size:.94rem;
}
.hours tbody,.hours tr{border:0}
.hours th,.hours td{
  border:0;border-bottom:1px solid var(--line-soft);
  padding:10px 0;background:none;font-weight:400;
}
.hours th{
  text-align:left;font-family:var(--ff-title);font-weight:700;
  color:var(--ink);font-size:.92rem;
}
.hours td{text-align:right;color:var(--ink-60)}
.hours tr:last-child th,.hours tr:last-child td{border-bottom:0}
.hours .closed{color:#C0453F;font-weight:600}
.hours tr.is-today th,.hours tr.is-today td{color:var(--accent);font-weight:700}

/* ==========================================================================
   Zones libres en blocs (Apparence → Widgets).
   ========================================================================== */
.annonce{background:var(--deep);color:#CFE2F7;font-size:.88rem;text-align:center;padding:9px 0}
.annonce a{color:#fff;text-decoration:underline}
.annonce p{margin:0}
.annonce strong{color:#fff}

.footer__libre{
  border-top:1px solid rgba(255,255,255,.10);
  margin-top:34px;padding-top:28px;
  display:grid;gap:22px;
}
.footer__libre p{margin:0 0 .8em}
.footer__libre p:last-child{margin-bottom:0}

/* ==========================================================================
   Menu principal : un libellé ne doit jamais se couper en deux lignes.
   « À propos » se scindait après le « À » quand la place manquait. On interdit
   la coupure, et on resserre légèrement les entrées sur les écrans étroits
   plutôt que de laisser le texte se casser.
   ========================================================================== */
.nav a{white-space:nowrap}
@media (max-width:1180px){
  .nav ul{gap:0}
  .nav a{padding:10px 11px;font-size:.9rem}
  .header__bar{gap:16px}
}
@media (max-width:1000px){
  .nav a{padding:10px 8px;font-size:.87rem}
  .header__tel{display:none}
}


/* ==========================================================================
   Icones supplementaires ajoutees le 12/08/2026
   ========================================================================== */
:root{
  --ico-parking:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='4'/%3E%3Cpath d='M9.6 17.2V6.8h3.1a3.1 3.1 0 0 1 0 6.2H9.6'/%3E%3C/svg%3E");
  --ico-voiture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11l1.6-4.1A2 2 0 0 1 8.5 5.6h7a2 2 0 0 1 1.9 1.3L19 11'/%3E%3Crect x='3' y='11' width='18' height='6' rx='2'/%3E%3Ccircle cx='7.5' cy='17.6' r='1.6'/%3E%3Ccircle cx='16.5' cy='17.6' r='1.6'/%3E%3C/svg%3E");
  --ico-bus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='14' rx='2.5'/%3E%3Cpath d='M4 10.5h16'/%3E%3Cpath d='M7 17v2M17 17v2'/%3E%3Ccircle cx='8' cy='13.8' r='1'/%3E%3Ccircle cx='16' cy='13.8' r='1'/%3E%3C/svg%3E");
  --ico-cb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2.5'/%3E%3Cpath d='M2.5 10h19'/%3E%3Cpath d='M6 15h4'/%3E%3C/svg%3E");
  --ico-bouclier:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
  --ico-chrono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2h4'/%3E%3Ccircle cx='12' cy='13.5' r='7.6'/%3E%3Cpath d='M12 10v3.6l2.3 2.3'/%3E%3Cpath d='m18.8 6.5 1.6-1.6'/%3E%3C/svg%3E");
  --ico-aiguille:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 20.5 14.2 9.8'/%3E%3Ccircle cx='16.8' cy='7.2' r='3.6'/%3E%3C/svg%3E");
  --ico-bouton:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Ccircle cx='9.7' cy='9.7' r='1'/%3E%3Ccircle cx='14.3' cy='9.7' r='1'/%3E%3Ccircle cx='9.7' cy='14.3' r='1'/%3E%3Ccircle cx='14.3' cy='14.3' r='1'/%3E%3C/svg%3E");
  --ico-metre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='8' width='20' height='8' rx='2'/%3E%3Cpath d='M7 8v3.2M12 8v4.2M17 8v3.2'/%3E%3C/svg%3E");
  --ico-lit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19.5V7.5'/%3E%3Cpath d='M3 13.2h18'/%3E%3Cpath d='M21 19.5v-5.4a3 3 0 0 0-3-3h-6.6v2.1'/%3E%3Ccircle cx='7.4' cy='9.8' r='2.1'/%3E%3C/svg%3E");
  --ico-etiquette:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 12.6 12.6 20.6a2 2 0 0 1-2.8 0l-6.4-6.4a2 2 0 0 1-.6-1.4V4.4A1.4 1.4 0 0 1 4.4 3h8.4c.5 0 1 .2 1.4.6l6.4 6.4a1.4 1.4 0 0 1 0 2.6z'/%3E%3Ccircle cx='7.6' cy='7.6' r='1.3'/%3E%3C/svg%3E");
  --ico-thermometre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 14.8V5a2 2 0 1 0-4 0v9.8a4 4 0 1 0 4 0z'/%3E%3C/svg%3E");
  --ico-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11.2v5'/%3E%3Cpath d='M12 7.6h.01'/%3E%3C/svg%3E");
  --ico-question:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.4 9.4a2.7 2.7 0 0 1 5.3.7c0 1.8-2.7 2.6-2.7 2.6'/%3E%3Cpath d='M12 16.8h.01'/%3E%3C/svg%3E");
  --ico-cadeau:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4.6' rx='1.2'/%3E%3Cpath d='M5 12.6V20h14v-7.4'/%3E%3Cpath d='M12 8v12'/%3E%3Cpath d='M12 8S10.6 3.6 8.2 4.6 9.6 8 12 8zM12 8s1.4-4.4 3.8-3.4S14.4 8 12 8z'/%3E%3C/svg%3E");
  --ico-equipe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M2.6 19.6a6.4 6.4 0 0 1 12.8 0'/%3E%3Cpath d='M16 5.6a3.2 3.2 0 0 1 0 5.8'/%3E%3Cpath d='M17.4 13.8a6.4 6.4 0 0 1 4 5.8'/%3E%3C/svg%3E");
  --ico-acces:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13' cy='4.4' r='1.9'/%3E%3Cpath d='M11.4 8.2v4.6h4.8'/%3E%3Cpath d='m16.2 12.8 2.4 6.4'/%3E%3Cpath d='M15 14.6a5.4 5.4 0 1 1-5.2-4.6'/%3E%3C/svg%3E");
  --ico-instagram:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6FB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5.2'/%3E%3Ccircle cx='12' cy='12' r='4.1'/%3E%3Ccircle cx='17.3' cy='6.7' r='1'/%3E%3C/svg%3E");
  --ico-facebook:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230E6FB8' stroke='none' d='M13.9 21v-7.1h2.4l.5-3.5h-2.9V8.9c0-1 .3-1.7 1.7-1.7h1.4V4.1c-.3 0-1.2-.1-2.2-.1-2.2 0-3.8 1.4-3.8 4v2.4H8.6v3.5h2.4V21h2.9z'/%3E%3C/svg%3E");
  --icow-parking:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='4'/%3E%3Cpath d='M9.6 17.2V6.8h3.1a3.1 3.1 0 0 1 0 6.2H9.6'/%3E%3C/svg%3E");
  --icow-voiture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11l1.6-4.1A2 2 0 0 1 8.5 5.6h7a2 2 0 0 1 1.9 1.3L19 11'/%3E%3Crect x='3' y='11' width='18' height='6' rx='2'/%3E%3Ccircle cx='7.5' cy='17.6' r='1.6'/%3E%3Ccircle cx='16.5' cy='17.6' r='1.6'/%3E%3C/svg%3E");
  --icow-bus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='14' rx='2.5'/%3E%3Cpath d='M4 10.5h16'/%3E%3Cpath d='M7 17v2M17 17v2'/%3E%3Ccircle cx='8' cy='13.8' r='1'/%3E%3Ccircle cx='16' cy='13.8' r='1'/%3E%3C/svg%3E");
  --icow-cb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2.5'/%3E%3Cpath d='M2.5 10h19'/%3E%3Cpath d='M6 15h4'/%3E%3C/svg%3E");
  --icow-bouclier:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
  --icow-chrono:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2h4'/%3E%3Ccircle cx='12' cy='13.5' r='7.6'/%3E%3Cpath d='M12 10v3.6l2.3 2.3'/%3E%3Cpath d='m18.8 6.5 1.6-1.6'/%3E%3C/svg%3E");
  --icow-aiguille:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 20.5 14.2 9.8'/%3E%3Ccircle cx='16.8' cy='7.2' r='3.6'/%3E%3C/svg%3E");
  --icow-bouton:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.6'/%3E%3Ccircle cx='9.7' cy='9.7' r='1'/%3E%3Ccircle cx='14.3' cy='9.7' r='1'/%3E%3Ccircle cx='9.7' cy='14.3' r='1'/%3E%3Ccircle cx='14.3' cy='14.3' r='1'/%3E%3C/svg%3E");
  --icow-metre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='8' width='20' height='8' rx='2'/%3E%3Cpath d='M7 8v3.2M12 8v4.2M17 8v3.2'/%3E%3C/svg%3E");
  --icow-lit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19.5V7.5'/%3E%3Cpath d='M3 13.2h18'/%3E%3Cpath d='M21 19.5v-5.4a3 3 0 0 0-3-3h-6.6v2.1'/%3E%3Ccircle cx='7.4' cy='9.8' r='2.1'/%3E%3C/svg%3E");
  --icow-etiquette:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 12.6 12.6 20.6a2 2 0 0 1-2.8 0l-6.4-6.4a2 2 0 0 1-.6-1.4V4.4A1.4 1.4 0 0 1 4.4 3h8.4c.5 0 1 .2 1.4.6l6.4 6.4a1.4 1.4 0 0 1 0 2.6z'/%3E%3Ccircle cx='7.6' cy='7.6' r='1.3'/%3E%3C/svg%3E");
  --icow-thermometre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 14.8V5a2 2 0 1 0-4 0v9.8a4 4 0 1 0 4 0z'/%3E%3C/svg%3E");
  --icow-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11.2v5'/%3E%3Cpath d='M12 7.6h.01'/%3E%3C/svg%3E");
  --icow-question:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.4 9.4a2.7 2.7 0 0 1 5.3.7c0 1.8-2.7 2.6-2.7 2.6'/%3E%3Cpath d='M12 16.8h.01'/%3E%3C/svg%3E");
  --icow-cadeau:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4.6' rx='1.2'/%3E%3Cpath d='M5 12.6V20h14v-7.4'/%3E%3Cpath d='M12 8v12'/%3E%3Cpath d='M12 8S10.6 3.6 8.2 4.6 9.6 8 12 8zM12 8s1.4-4.4 3.8-3.4S14.4 8 12 8z'/%3E%3C/svg%3E");
  --icow-equipe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M2.6 19.6a6.4 6.4 0 0 1 12.8 0'/%3E%3Cpath d='M16 5.6a3.2 3.2 0 0 1 0 5.8'/%3E%3Cpath d='M17.4 13.8a6.4 6.4 0 0 1 4 5.8'/%3E%3C/svg%3E");
  --icow-acces:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13' cy='4.4' r='1.9'/%3E%3Cpath d='M11.4 8.2v4.6h4.8'/%3E%3Cpath d='m16.2 12.8 2.4 6.4'/%3E%3Cpath d='M15 14.6a5.4 5.4 0 1 1-5.2-4.6'/%3E%3C/svg%3E");
  --icow-instagram:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5.2'/%3E%3Ccircle cx='12' cy='12' r='4.1'/%3E%3Ccircle cx='17.3' cy='6.7' r='1'/%3E%3C/svg%3E");
  --icow-facebook:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' stroke='none' d='M13.9 21v-7.1h2.4l.5-3.5h-2.9V8.9c0-1 .3-1.7 1.7-1.7h1.4V4.1c-.3 0-1.2-.1-2.2-.1-2.2 0-3.8 1.4-3.8 4v2.4H8.6v3.5h2.4V21h2.9z'/%3E%3C/svg%3E");
}

.wp-block-columns.steps>.wp-block-column.step--parking::before{--dp-ico:var(--ico-parking)}
.wp-block-group.card.ico--parking::before{--dp-ico:var(--ico-parking)}
.wp-block-group.card.card--deep.ico--parking::before,.wp-block-group.card.card--feature.ico--parking::before{--dp-ico:var(--icow-parking)}
.wp-block-group.trustbar .wp-block-column.ico--parking::before{--dp-ico:var(--ico-parking)}
.wp-block-group.hero__float.ico--parking::before{--dp-ico:var(--ico-parking)}
.wp-block-columns.steps>.wp-block-column.step--voiture::before{--dp-ico:var(--ico-voiture)}
.wp-block-group.card.ico--voiture::before{--dp-ico:var(--ico-voiture)}
.wp-block-group.card.card--deep.ico--voiture::before,.wp-block-group.card.card--feature.ico--voiture::before{--dp-ico:var(--icow-voiture)}
.wp-block-group.trustbar .wp-block-column.ico--voiture::before{--dp-ico:var(--ico-voiture)}
.wp-block-group.hero__float.ico--voiture::before{--dp-ico:var(--ico-voiture)}
.wp-block-columns.steps>.wp-block-column.step--bus::before{--dp-ico:var(--ico-bus)}
.wp-block-group.card.ico--bus::before{--dp-ico:var(--ico-bus)}
.wp-block-group.card.card--deep.ico--bus::before,.wp-block-group.card.card--feature.ico--bus::before{--dp-ico:var(--icow-bus)}
.wp-block-group.trustbar .wp-block-column.ico--bus::before{--dp-ico:var(--ico-bus)}
.wp-block-group.hero__float.ico--bus::before{--dp-ico:var(--ico-bus)}
.wp-block-columns.steps>.wp-block-column.step--cb::before{--dp-ico:var(--ico-cb)}
.wp-block-group.card.ico--cb::before{--dp-ico:var(--ico-cb)}
.wp-block-group.card.card--deep.ico--cb::before,.wp-block-group.card.card--feature.ico--cb::before{--dp-ico:var(--icow-cb)}
.wp-block-group.trustbar .wp-block-column.ico--cb::before{--dp-ico:var(--ico-cb)}
.wp-block-group.hero__float.ico--cb::before{--dp-ico:var(--ico-cb)}
.wp-block-columns.steps>.wp-block-column.step--bouclier::before{--dp-ico:var(--ico-bouclier)}
.wp-block-group.card.ico--bouclier::before{--dp-ico:var(--ico-bouclier)}
.wp-block-group.card.card--deep.ico--bouclier::before,.wp-block-group.card.card--feature.ico--bouclier::before{--dp-ico:var(--icow-bouclier)}
.wp-block-group.trustbar .wp-block-column.ico--bouclier::before{--dp-ico:var(--ico-bouclier)}
.wp-block-group.hero__float.ico--bouclier::before{--dp-ico:var(--ico-bouclier)}
.wp-block-columns.steps>.wp-block-column.step--chrono::before{--dp-ico:var(--ico-chrono)}
.wp-block-group.card.ico--chrono::before{--dp-ico:var(--ico-chrono)}
.wp-block-group.card.card--deep.ico--chrono::before,.wp-block-group.card.card--feature.ico--chrono::before{--dp-ico:var(--icow-chrono)}
.wp-block-group.trustbar .wp-block-column.ico--chrono::before{--dp-ico:var(--ico-chrono)}
.wp-block-group.hero__float.ico--chrono::before{--dp-ico:var(--ico-chrono)}
.wp-block-columns.steps>.wp-block-column.step--aiguille::before{--dp-ico:var(--ico-aiguille)}
.wp-block-group.card.ico--aiguille::before{--dp-ico:var(--ico-aiguille)}
.wp-block-group.card.card--deep.ico--aiguille::before,.wp-block-group.card.card--feature.ico--aiguille::before{--dp-ico:var(--icow-aiguille)}
.wp-block-group.trustbar .wp-block-column.ico--aiguille::before{--dp-ico:var(--ico-aiguille)}
.wp-block-group.hero__float.ico--aiguille::before{--dp-ico:var(--ico-aiguille)}
.wp-block-columns.steps>.wp-block-column.step--bouton::before{--dp-ico:var(--ico-bouton)}
.wp-block-group.card.ico--bouton::before{--dp-ico:var(--ico-bouton)}
.wp-block-group.card.card--deep.ico--bouton::before,.wp-block-group.card.card--feature.ico--bouton::before{--dp-ico:var(--icow-bouton)}
.wp-block-group.trustbar .wp-block-column.ico--bouton::before{--dp-ico:var(--ico-bouton)}
.wp-block-group.hero__float.ico--bouton::before{--dp-ico:var(--ico-bouton)}
.wp-block-columns.steps>.wp-block-column.step--metre::before{--dp-ico:var(--ico-metre)}
.wp-block-group.card.ico--metre::before{--dp-ico:var(--ico-metre)}
.wp-block-group.card.card--deep.ico--metre::before,.wp-block-group.card.card--feature.ico--metre::before{--dp-ico:var(--icow-metre)}
.wp-block-group.trustbar .wp-block-column.ico--metre::before{--dp-ico:var(--ico-metre)}
.wp-block-group.hero__float.ico--metre::before{--dp-ico:var(--ico-metre)}
.wp-block-columns.steps>.wp-block-column.step--lit::before{--dp-ico:var(--ico-lit)}
.wp-block-group.card.ico--lit::before{--dp-ico:var(--ico-lit)}
.wp-block-group.card.card--deep.ico--lit::before,.wp-block-group.card.card--feature.ico--lit::before{--dp-ico:var(--icow-lit)}
.wp-block-group.trustbar .wp-block-column.ico--lit::before{--dp-ico:var(--ico-lit)}
.wp-block-group.hero__float.ico--lit::before{--dp-ico:var(--ico-lit)}
.wp-block-columns.steps>.wp-block-column.step--etiquette::before{--dp-ico:var(--ico-etiquette)}
.wp-block-group.card.ico--etiquette::before{--dp-ico:var(--ico-etiquette)}
.wp-block-group.card.card--deep.ico--etiquette::before,.wp-block-group.card.card--feature.ico--etiquette::before{--dp-ico:var(--icow-etiquette)}
.wp-block-group.trustbar .wp-block-column.ico--etiquette::before{--dp-ico:var(--ico-etiquette)}
.wp-block-group.hero__float.ico--etiquette::before{--dp-ico:var(--ico-etiquette)}
.wp-block-columns.steps>.wp-block-column.step--thermometre::before{--dp-ico:var(--ico-thermometre)}
.wp-block-group.card.ico--thermometre::before{--dp-ico:var(--ico-thermometre)}
.wp-block-group.card.card--deep.ico--thermometre::before,.wp-block-group.card.card--feature.ico--thermometre::before{--dp-ico:var(--icow-thermometre)}
.wp-block-group.trustbar .wp-block-column.ico--thermometre::before{--dp-ico:var(--ico-thermometre)}
.wp-block-group.hero__float.ico--thermometre::before{--dp-ico:var(--ico-thermometre)}
.wp-block-columns.steps>.wp-block-column.step--info::before{--dp-ico:var(--ico-info)}
.wp-block-group.card.ico--info::before{--dp-ico:var(--ico-info)}
.wp-block-group.card.card--deep.ico--info::before,.wp-block-group.card.card--feature.ico--info::before{--dp-ico:var(--icow-info)}
.wp-block-group.trustbar .wp-block-column.ico--info::before{--dp-ico:var(--ico-info)}
.wp-block-group.hero__float.ico--info::before{--dp-ico:var(--ico-info)}
.wp-block-columns.steps>.wp-block-column.step--question::before{--dp-ico:var(--ico-question)}
.wp-block-group.card.ico--question::before{--dp-ico:var(--ico-question)}
.wp-block-group.card.card--deep.ico--question::before,.wp-block-group.card.card--feature.ico--question::before{--dp-ico:var(--icow-question)}
.wp-block-group.trustbar .wp-block-column.ico--question::before{--dp-ico:var(--ico-question)}
.wp-block-group.hero__float.ico--question::before{--dp-ico:var(--ico-question)}
.wp-block-columns.steps>.wp-block-column.step--cadeau::before{--dp-ico:var(--ico-cadeau)}
.wp-block-group.card.ico--cadeau::before{--dp-ico:var(--ico-cadeau)}
.wp-block-group.card.card--deep.ico--cadeau::before,.wp-block-group.card.card--feature.ico--cadeau::before{--dp-ico:var(--icow-cadeau)}
.wp-block-group.trustbar .wp-block-column.ico--cadeau::before{--dp-ico:var(--ico-cadeau)}
.wp-block-group.hero__float.ico--cadeau::before{--dp-ico:var(--ico-cadeau)}
.wp-block-columns.steps>.wp-block-column.step--equipe::before{--dp-ico:var(--ico-equipe)}
.wp-block-group.card.ico--equipe::before{--dp-ico:var(--ico-equipe)}
.wp-block-group.card.card--deep.ico--equipe::before,.wp-block-group.card.card--feature.ico--equipe::before{--dp-ico:var(--icow-equipe)}
.wp-block-group.trustbar .wp-block-column.ico--equipe::before{--dp-ico:var(--ico-equipe)}
.wp-block-group.hero__float.ico--equipe::before{--dp-ico:var(--ico-equipe)}
.wp-block-columns.steps>.wp-block-column.step--acces::before{--dp-ico:var(--ico-acces)}
.wp-block-group.card.ico--acces::before{--dp-ico:var(--ico-acces)}
.wp-block-group.card.card--deep.ico--acces::before,.wp-block-group.card.card--feature.ico--acces::before{--dp-ico:var(--icow-acces)}
.wp-block-group.trustbar .wp-block-column.ico--acces::before{--dp-ico:var(--ico-acces)}
.wp-block-group.hero__float.ico--acces::before{--dp-ico:var(--ico-acces)}
.wp-block-columns.steps>.wp-block-column.step--instagram::before{--dp-ico:var(--ico-instagram)}
.wp-block-group.card.ico--instagram::before{--dp-ico:var(--ico-instagram)}
.wp-block-group.card.card--deep.ico--instagram::before,.wp-block-group.card.card--feature.ico--instagram::before{--dp-ico:var(--icow-instagram)}
.wp-block-group.trustbar .wp-block-column.ico--instagram::before{--dp-ico:var(--ico-instagram)}
.wp-block-group.hero__float.ico--instagram::before{--dp-ico:var(--ico-instagram)}
.wp-block-columns.steps>.wp-block-column.step--facebook::before{--dp-ico:var(--ico-facebook)}
.wp-block-group.card.ico--facebook::before{--dp-ico:var(--ico-facebook)}
.wp-block-group.card.card--deep.ico--facebook::before,.wp-block-group.card.card--feature.ico--facebook::before{--dp-ico:var(--icow-facebook)}
.wp-block-group.trustbar .wp-block-column.ico--facebook::before{--dp-ico:var(--ico-facebook)}
.wp-block-group.hero__float.ico--facebook::before{--dp-ico:var(--ico-facebook)}


/* ==========================================================================
   Affichage selon la taille de l'ecran (12/08/2026)
   Classes a taper dans Avance > Classes CSS supplementaires.
   Seuils : telephone <= 680px, tablette 681-1080px, ordinateur > 1080px.
   ========================================================================== */
@media (max-width:680px){
  .masquer-mobile{display:none !important}
  .tablette-seul{display:none !important}
  .bureau-seul{display:none !important}
}
@media (min-width:681px) and (max-width:1080px){
  .masquer-tablette{display:none !important}
  .mobile-seul{display:none !important}
  .bureau-seul{display:none !important}
}
@media (min-width:1081px){
  .masquer-bureau{display:none !important}
  .mobile-seul{display:none !important}
  .tablette-seul{display:none !important}
}

/* Dans l'editeur, on continue de voir le bloc, avec un lisere pointille. */
.editor-styles-wrapper .masquer-mobile,
.editor-styles-wrapper .masquer-tablette,
.editor-styles-wrapper .masquer-bureau,
.editor-styles-wrapper .mobile-seul,
.editor-styles-wrapper .tablette-seul,
.editor-styles-wrapper .bureau-seul{
  display:revert !important;
  outline:1px dashed var(--accent2);
  outline-offset:3px;
}

/* =====================================================================
   Nouveaux services — ajouts du 15/08/2026
   ---------------------------------------------------------------------
   1. .card-links  : liste de liens compacte à l'intérieur d'une carte
                     (carte « Et aussi… » de la grille des services)
   2. .card--full  : carte en bannière pleine largeur, sous la grille
      .card--pro   : sa couleur, dégradé bleu accent de la charte
   ===================================================================== */

/* --- 1. Liste de liens dans une carte ------------------------------- */
.wp-block-group.card .wp-block-list.card-links{
  list-style:none;display:grid;gap:4px;margin:auto 0 0;padding:0;
}
.wp-block-group.card .wp-block-list.card-links li{margin:0}
.wp-block-group.card .wp-block-list.card-links li+li{
  border-top:1px solid rgba(255,255,255,.14);padding-top:8px;margin-top:4px;
}
.wp-block-group.card .wp-block-list.card-links a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:.92rem;font-weight:600;line-height:1.35;padding:4px 0;text-decoration:none;
}
.wp-block-group.card .wp-block-list.card-links a::after{
  content:"\2192";flex:none;transition:transform .25s var(--ease);
}
.wp-block-group.card .wp-block-list.card-links a:hover::after{transform:translateX(3px)}

/* Sur fond bleu profond (cartes card--deep) */
.wp-block-group.card--deep .wp-block-list.card-links a{color:var(--accent2)}
.wp-block-group.card--deep .wp-block-list.card-links a:hover{color:#fff}

/* Sur fond clair (cartes blanches) */
.wp-block-group.card:not(.card--deep):not(.card--feature) .wp-block-list.card-links li+li{
  border-top-color:var(--line-soft);
}
.wp-block-group.card:not(.card--deep):not(.card--feature) .wp-block-list.card-links a{color:var(--ink)}
.wp-block-group.card:not(.card--deep):not(.card--feature) .wp-block-list.card-links a::after{color:var(--accent)}
.wp-block-group.card:not(.card--deep):not(.card--feature) .wp-block-list.card-links a:hover{color:var(--accent2)}

/* --- 2. Carte en bannière pleine largeur ---------------------------- */
.wp-block-group.card.card--pro{background:var(--grad-accent)}
.wp-block-group.card.card--pro .card__num{color:rgba(255,255,255,.8)}

.wp-block-group.card.card--full{
  flex-direction:row;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:24px 32px;height:auto;margin-top:28px;
}
.wp-block-group.card.card--full:hover{transform:none;box-shadow:var(--sh-sm)}
.wp-block-group.card.card--full .card--full__texte{flex:1 1 460px}
.wp-block-group.card.card--full .card--full__texte>*:last-child{margin-bottom:0}
.wp-block-group.card.card--full .card--full__texte p{max-width:64ch}
.wp-block-group.card.card--full .card--full__lien{flex:none;margin:0}

@media (max-width:680px){
  .wp-block-group.card.card--full{flex-direction:column;align-items:flex-start}
}

/* Dans l'éditeur, la bannière garde la même mise en page */
.editor-styles-wrapper .wp-block-group.card.card--pro{background:var(--grad-accent)}

/* ------------------------------------------------------------------
   Puces de navigation cliquables (barre sous le chapô de la page Services)
   Une puce qui porte un lien : le lien prend tout le rembourrage pour que
   la pastille entière soit cliquable, pas seulement le texte.
   ------------------------------------------------------------------ */
.wp-block-list.chips li:has(> a){padding:0;background:none}
.wp-block-list.chips li > a{
  display:inline-flex;align-items:center;padding:9px 16px;
  border-radius:var(--r-pill);background:var(--surface);color:var(--deep);
  text-decoration:none;transition:background .2s var(--ease),color .2s var(--ease);
}
.wp-block-list.chips li > a:hover,
.wp-block-list.chips li > a:focus-visible{background:var(--accent);color:#fff}
.section--deep .wp-block-list.chips li:has(> a){background:none}
.section--deep .wp-block-list.chips li > a{background:rgba(255,255,255,.12);color:#fff}
.section--deep .wp-block-list.chips li > a:hover{background:rgba(255,255,255,.24)}

/* ------------------------------------------------------------------
   Empilement des sections « image + texte » sur petit écran (jusqu'à 781 px)
   -------------------------------------------------------------------
   Sur ordinateur, l'alternance image à gauche / image à droite vient de
   l'ordre des colonnes dans le contenu, pas d'un réglage. Quand Gutenberg
   empile les colonnes (à partir de 781 px), elles s'empilent dans ce même
   ordre : l'image se retrouvait donc tantôt au-dessus, tantôt en dessous
   du texte selon la section.

   Par défaut, la colonne qui contient l'image repasse toujours en premier,
   comme le fait le site HTML de référence. Deux classes permettent d'y
   déroger au cas par cas ; elles se posent sur le bloc COLONNES
   (Avancé > Classes CSS supplémentaires) :

     pile--image-apres : le texte d'abord, l'image en dessous
     pile--image-avant : force l'image en premier, utile si la section
                         n'a pas la classe items-center

   Le seuil de 781 px est celui auquel Gutenberg empile les colonnes.
   Ne pas l'augmenter : la règle s'appliquerait alors que les colonnes
   sont encore côte à côte, et inverserait l'alternance sur ordinateur.
   ------------------------------------------------------------------ */
@media (max-width:781px){
  .wp-block-columns.items-center:not(.pile--image-apres) > .wp-block-column:has(figure.wp-block-image){order:-1}
  .wp-block-columns.pile--image-avant > .wp-block-column:has(figure.wp-block-image){order:-1}
  .wp-block-columns.pile--image-apres > .wp-block-column:has(figure.wp-block-image){order:1}
}



/* ------------------------------------------------------------------
   AVIS CLIENTS — les cartes (reprises telles quelles du site HTML de
   référence, section 12). Elles n'avaient jamais été reportées sur
   WordPress, la section avis n'existant pas encore ici.
   ------------------------------------------------------------------ */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.review{
  background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-lg);
  padding:30px 28px;box-shadow:var(--sh-sm);display:flex;flex-direction:column;height:100%;
}
.stars{display:flex;gap:3px;margin-bottom:14px;color:#F5A623}
.stars svg{width:17px;height:17px}
.review p{font-size:.96rem;color:var(--ink);margin-bottom:20px}
.review__who{display:flex;align-items:center;gap:12px;margin-top:auto}
.review__av{
  width:42px;height:42px;border-radius:50%;background:var(--grad-accent);color:#fff;
  display:grid;place-items:center;font-family:var(--ff-title);font-weight:800;font-size:.95rem;flex:none;
}
.review__who b{display:block;font-family:var(--ff-title);font-size:.95rem;color:var(--ink);line-height:1.2}
.review__who span{font-size:.78rem;color:var(--ink-40)}
.rating-summary{
  display:inline-flex;align-items:center;gap:16px;background:#fff;
  border:1px solid var(--line-soft);border-radius:var(--r-pill);
  padding:12px 26px;box-shadow:var(--sh-sm);margin-bottom:12px;
}
.rating-summary b{font-family:var(--ff-title);font-size:1.5rem;color:var(--ink);line-height:1}
@media (max-width:900px){
  .reviews{grid-template-columns:1fr}
}
@media (max-width:680px){
  .review{padding:26px 22px}
}
/* ------------------------------------------------------------------
   AVIS CLIENTS — bandeau de défilement continu (20/08/2026)

   Rendu par le code court [avis] (inc/avis.php). La piste contient deux
   fois la même série de cartes et se translate de -50 % : la boucle est
   invisible. Chaque carte porte sa gouttière en margin-right (et non un
   gap) pour que la moitié de la piste corresponde exactement à une série.
   Aucun JavaScript.
   ------------------------------------------------------------------ */
/* La section avis a son propre fond : un dégradé bleu qui la distingue des
   sections « section--deep » (bleu nuit uni) sans rompre l'alternance des
   autres sections. Les deux extrémités du dégradé restent assez sombres
   pour que le texte blanc garde un contraste suffisant (5,8:1 au plus clair). */
.wp-block-group.section--avis{
  background:linear-gradient(135deg,#003A8A 0%,#0E6FB8 100%);
  color:#DCEBFA;overflow:hidden;
}
.section--avis h2{color:#fff}
.section--avis .lead{color:#DCEBFA}
.section--avis .eyebrow{color:#8FCDF2}
.section--avis .eyebrow::before{background:#8FCDF2}
.section--avis .link-arrow,
.section--avis .link-arrow a{color:#fff}
.section--avis .link-arrow a:hover{color:#BFE3FA}
.section--avis .review{box-shadow:0 18px 40px rgba(0,18,48,.24);border-color:rgba(255,255,255,.5)}

/* Pastille de note globale */
.rating-summary{margin-top:26px}
.rating-summary__embleme{
  width:34px;height:34px;border-radius:11px;flex:none;
  background:var(--grad-accent);display:grid;place-items:center;color:#fff;
}
.rating-summary__embleme svg{width:19px;height:19px}

/* Demi-étoile : une étoile pleine tronquée à mi-largeur, posée sur l'éteinte */
.star-demi{position:relative;display:inline-flex;line-height:0;flex:none}
.star-demi__plein{position:absolute;top:0;left:0;width:50%;overflow:hidden;display:block;line-height:0}
.rating-summary .stars{margin-bottom:0}
.rating-summary__txt{
  font-family:var(--ff-title);font-weight:700;font-size:.9rem;color:var(--ink);
  line-height:1.25;text-align:left;
}
.rating-summary__txt span{
  display:block;font-family:var(--ff-body);font-weight:400;font-size:.76rem;
  color:var(--ink-40);margin-top:2px;
}

/* Étoile éteinte, et initiales de l'avatar que .review__who span grisait */
.stars svg.is-off{color:#D8E3F0}
.review__who .review__av{color:#fff}

/* La piste */
.marquee{
  position:relative;margin-top:40px;padding:14px 0 26px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.marquee__track{
  display:flex;align-items:stretch;width:max-content;will-change:transform;
  animation-name:dp-defile;animation-timing-function:linear;
  animation-iteration-count:infinite;animation-duration:58s;
}
.marquee:hover .marquee__track,
.marquee:focus-within .marquee__track{animation-play-state:paused}
@keyframes dp-defile{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* La carte flottante */
.review--flow{
  position:relative;flex:none;width:352px;margin-right:26px;height:auto;
  padding:30px 28px 26px;overflow:hidden;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);
}
.review--flow:hover{transform:translateY(-6px);box-shadow:var(--sh-md);border-color:var(--line)}
.review--flow p{font-size:.95rem;line-height:1.68}
.review__mark{
  position:absolute;top:2px;right:20px;z-index:0;
  font-family:var(--ff-title);font-weight:800;font-size:5.6rem;line-height:1;
  color:var(--surface);pointer-events:none;
}
.review--flow > *:not(.review__mark){position:relative;z-index:1}

/* Repli en grille fixe en dessous de quatre avis */
.reviews .review{position:relative;overflow:hidden}
.reviews.reviews--1{grid-template-columns:minmax(0,440px);justify-content:center}
.reviews.reviews--2{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center}
.reviews.reviews--3{grid-template-columns:repeat(3,minmax(0,1fr))}

.dp-avis-lien{margin-top:26px}

/* Téléphone */
@media (max-width:680px){
  .review--flow{width:288px;margin-right:18px;padding:26px 22px 22px}
  .review__mark{font-size:4.4rem;right:16px}
  .marquee{margin-top:30px}
  .rating-summary{flex-wrap:wrap;justify-content:center;gap:12px;padding:14px 22px;border-radius:var(--r-lg)}
  .rating-summary__txt{text-align:center;width:100%}
}

/* Mouvement réduit : le bandeau devient une bande que l'on fait glisser */
@media (prefers-reduced-motion:reduce){
  .marquee{
    overflow-x:auto;-webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;padding-inline:18px;
    -webkit-mask-image:none;mask-image:none;
  }
  .marquee__track{animation:none!important;transform:none!important}
  .review--flow{scroll-snap-align:center}
}