/* Bornes IRVE - Le Breton - token-first : toutes les couleurs = var(--wp--preset--color--*),
   remplies par les Réglages (fondations.config.json). Zéro couleur de marque en dur. */

/* --- utilitaires lb- repris de accueil.css --- */
.lb-wrap{max-width:1200px;margin:0 auto;padding:0 22px}
.lb-eyebrow{display:inline-block;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--accent,#EF642A);margin-bottom:12px}
.lb-head{margin-bottom:26px}
.lb-head--center{text-align:center;max-width:640px;margin:0 auto 30px}
.lb-head h2{font-family:var(--wp--preset--font-family--display,system-ui,sans-serif);font-weight:800;font-size:clamp(24px,3.4vw,34px);color:var(--wp--preset--color--primary-dark,#2B2F33);margin:0;line-height:1.15}
.lb-sub{color:var(--wp--preset--color--muted,#5C636A);font-size:16px;margin:10px 0 0}

.lb-ph{background:linear-gradient(135deg,var(--wp--preset--color--bg-alt,#F3F4F6),color-mix(in srgb,var(--wp--preset--color--muted,#9aa) 26%,#fff));border-radius:14px;display:block}

.lb-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--wp--preset--font-family--base,system-ui,sans-serif);font-weight:700;font-size:15px;text-decoration:none;padding:14px 24px;border-radius:12px;transition:transform .15s,box-shadow .15s}
.lb-btn--primary{background:var(--wp--preset--color--accent,#EF642A);color:var(--wp--preset--color--white,#fff)}
.lb-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px var(--wp--preset--color--accent,#EF642A)}
.lb-btn--ghost{background:transparent;color:var(--wp--preset--color--white,#fff);border:1.5px solid color-mix(in srgb,var(--wp--preset--color--white,#fff) 40%,transparent)}
.lb-btn--ghost:hover{border-color:var(--wp--preset--color--white,#fff)}
.lb-btn--light{background:var(--wp--preset--color--white,#fff);color:var(--wp--preset--color--primary-dark,#2B2F33)}
.lb-cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.lb-ic{width:18px;height:18px;border-radius:4px;background:currentColor;opacity:.9;flex:none}

.lb-hero{background:var(--wp--preset--color--primary-dark,#2B2F33);color:var(--wp--preset--color--white,#fff)}
.lb-hero__in{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:66px 22px 72px}
.lb-hero h1{font-family:var(--wp--preset--font-family--display,system-ui,sans-serif);font-weight:800;font-size:clamp(30px,5vw,50px);line-height:1.08;margin:0;color:var(--wp--preset--color--white,#fff)}
.lb-lead{color:color-mix(in srgb,var(--wp--preset--color--white,#fff) 82%,var(--wp--preset--color--primary-dark,#2B2F33));font-size:18px;line-height:1.6;margin:16px 0 26px;max-width:520px}
.lb-hero__media{aspect-ratio:4/3;min-height:280px}
@media(max-width:860px){.lb-hero__in{grid-template-columns:1fr}.lb-hero__media{order:-1;aspect-ratio:16/9;min-height:200px}}

.lb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.lb-card{display:block;text-decoration:none;background:var(--wp--preset--color--white,#fff);border:1px solid var(--wp--preset--color--bg-alt,#E5E8EB);border-radius:16px;padding:24px;transition:border-color .15s,transform .15s,box-shadow .15s}
.lb-card:hover{border-color:var(--wp--preset--color--accent,#EF642A)}
a.lb-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(0,0,0,.4)}
.lb-card__ic{width:46px;height:46px;border-radius:12px;margin-bottom:14px}
.lb-card h3{font-family:var(--wp--preset--font-family--display,system-ui,sans-serif);font-weight:800;font-size:18px;color:var(--wp--preset--color--primary-dark,#2B2F33);margin:0 0 8px}
.lb-card p{color:var(--wp--preset--color--muted,#5C636A);font-size:14px;line-height:1.55;margin:0 0 12px}
.lb-more{color:var(--wp--preset--color--accent,#EF642A);font-weight:700;font-size:14px}

.lb-simu{padding:66px 0;background:var(--wp--preset--color--bg-alt,#F3F4F6)}

.lb-final{background:var(--wp--preset--color--primary-dark,#2B2F33);color:var(--wp--preset--color--white,#fff);padding:52px 0}
.lb-final__in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.lb-final h2{font-family:var(--wp--preset--font-family--display,system-ui,sans-serif);font-weight:800;font-size:clamp(24px,3.4vw,34px);margin:0;line-height:1.15;color:var(--wp--preset--color--white,#fff)}
.lb-final p{color:color-mix(in srgb,var(--wp--preset--color--white,#fff) 80%,var(--wp--preset--color--primary-dark,#2B2F33));margin:8px 0 0}

/* --- styles spécifiques page bornes-irve (préfixe lbi-) --- */
.lbi-why{padding:66px 0;background:var(--wp--preset--color--white,#fff)}
.lbi-who{padding:66px 0;background:var(--wp--preset--color--bg-alt,#F3F4F6)}
.lbi-process{padding:66px 0;background:var(--wp--preset--color--white,#fff)}

.lbi-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.lbi-step{text-align:center;padding:0 8px}
.lbi-step__n{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--wp--preset--color--accent,#EF642A);color:var(--wp--preset--color--white,#fff);font-family:var(--wp--preset--font-family--display,system-ui,sans-serif);font-weight:800;font-size:16px;margin-bottom:14px}
.lbi-step h3{font-family:var(--wp--preset--font-family--display,system-ui,sans-serif);font-weight:800;font-size:16px;color:var(--wp--preset--color--primary-dark,#2B2F33);margin:0 0 8px}
.lbi-step p{color:var(--wp--preset--color--muted,#5C636A);font-size:14px;line-height:1.55;margin:0}
@media(max-width:860px){.lbi-steps{grid-template-columns:repeat(2,1fr);row-gap:32px}}
@media(max-width:520px){.lbi-steps{grid-template-columns:1fr}}