/**
 * SAI ERP · Bande orange (template-parts/micro-cta.php)
 * Chargée sur l'accueil (.hp) et la vue d'ensemble (.ve). Les jetons --O, --OD, --OL,
 * --W et --ui viennent du wrapper de l'accueil, les valeurs de repli sont les mêmes.
 */

.hp .micro-cta, .ve .micro-cta { background: linear-gradient(135deg, var(--OD, #c2410c), var(--O, #F07830), var(--OL, #F4A030)); padding: 64px 32px; }
.hp .micro-cta-inner, .ve .micro-cta-inner { max-width: 720px; margin: 0 auto; text-align: center; }
.hp .micro-cta h2, .ve .micro-cta h2 { font-size: clamp(24px, 3vw, 38px); font-weight: 900; color: var(--W, #fff); letter-spacing: -1px; margin-bottom: 12px; }
.hp .micro-cta p, .ve .micro-cta p { font-size: 16px; color: rgba(255,255,255,.8); margin-bottom: 32px; line-height: 1.7; }
.hp .micro-cta-items, .ve .micro-cta-items { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin-bottom: 32px; }
.hp .mc-item, .ve .mc-item { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: rgba(255,255,255,.95); background: rgba(255,255,255,.15); padding: 8px 16px; border-radius: 100px; }
.hp .mc-item .ct-ic, .ve .mc-item .ct-ic { display: block; flex-shrink: 0; }
.hp .btn-white, .ve .btn-white { display: inline-flex; align-items: center; gap: 8px; background: var(--W, #fff); color: var(--O, #F07830); font-family: var(--ui, 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif); font-size: 16px; font-weight: 800; padding: 14px 32px; border-radius: 10px; text-decoration: none; cursor: pointer; border: none; transition: transform .2s, box-shadow .2s; box-shadow: 0 4px 20px rgba(0,0,0,.15); }
.hp .btn-white:hover, .ve .btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(0,0,0,.2); }