/* Installateurs.fr — CSS front des articles générés (activé par défaut :
   Paramètres › CSS front du plugin). Palette navy / orange du site, mono pour
   les valeurs techniques. À désactiver le jour où un CSS unifié
   installateurs.css reprend ces classes dans le Customizer. */
:root {
  --in-navy: #0a2a66; --in-navy-2: #1d2433; --in-blue: #0b66c3; --in-slate: #566070;
  --in-mist: #f4f7fb; --in-white: #ffffff; --in-orange: #ff6b00; --in-orange-600: #e55a00;
  --in-orange-100: #fff3e8; --in-green: #16a34a; --in-line: #e6eef7; --in-radius: 12px;
  --in-font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --in-font-mono: ui-monospace, "IBM Plex Mono", SFMono-Regular, Menlo, Consolas, monospace;
}
.in-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 22px; border-radius: 10px; font-family: var(--in-font-body); font-weight: 800; font-size: 1rem; line-height: 1.2; text-decoration: none !important; border: 2px solid transparent; cursor: pointer; transition: all .2s; }
.in-btn--primary { background: var(--in-orange); color: var(--in-white) !important; box-shadow: 0 6px 16px rgba(255,107,0,.22); }
.in-btn--primary:hover { background: var(--in-orange-600); transform: translateY(-1px); }
.in-btn--ghost { background: var(--in-white); border-color: var(--in-line); color: var(--in-navy) !important; }
.in-btn--ghost:hover { border-color: var(--in-blue); }
.in-btn--dark { background: var(--in-navy); color: var(--in-white) !important; }
.in-btn--dark:hover { background: var(--in-blue); }
.in-cta__btns { display: flex; gap: 8px; flex-wrap: wrap; }
.in-table-wrap { overflow-x: auto; margin: 22px 0; border: 1px solid var(--in-line); border-radius: var(--in-radius); background: var(--in-white); }
.in-table { width: 100%; border-collapse: collapse; min-width: 520px; font-size: .97rem; }
.in-table th, .in-table td { padding: 13px 16px; text-align: left; border-bottom: 1px solid var(--in-line); vertical-align: top; }
.in-table th { background: var(--in-navy); color: var(--in-white); font-weight: 700; font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; }
.in-table tr:nth-child(even) td { background: var(--in-mist); }
.in-table tr:last-child td { border-bottom: 0; }
.in-table td:first-child { font-family: var(--in-font-mono); font-size: .9rem; color: var(--in-navy); }
.in-cta { display: grid; gap: 14px; align-items: center; background: var(--in-mist); border: 1px solid var(--in-line); border-left: 5px solid var(--in-orange); border-radius: var(--in-radius); padding: 20px 22px; margin: 28px 0; }
@media (min-width: 700px) { .in-cta { grid-template-columns: 1fr auto; } }
.in-cta strong { display: block; font-size: 1.2rem; color: var(--in-navy); margin-bottom: 4px; line-height: 1.2; }
.in-cta p { margin: 0; color: var(--in-slate); font-size: .95rem; }