/* ═══ OMNITECK — boutons d'action du site public ═══
   Usage : <a class="omni-btn omni-btn--demo"><span class="ob-ico"><i class="fas fa-play"></i></span><span>Texte</span><i class="fas fa-arrow-right ob-arr"></i></a>
   Variantes : --demo (violet→bleu) · --audit (orange) · --ghost (verre) · --light (blanc) · --pulse (halo d'attention toutes les ~3 s)
   Pour revenir aux anciens boutons : retirer le <link> de ce fichier dans inc/header.php (les classes Tailwind d'origine ne sont plus sur les boutons de l'accueil : voir home.php.bak_btn). */
.omni-btn{
  --b1:#7c3aed; --b2:#2563eb; --glow:rgba(99,102,241,.55); --txt:#fff;
  --sh:0 1px 0 rgba(255,255,255,.30) inset, 0 -2px 0 rgba(0,0,0,.18) inset, 0 14px 30px -10px var(--glow);
  position:relative; isolation:isolate; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center; gap:.8rem;
  min-height:54px; padding:.8rem 1.35rem .8rem .9rem; border-radius:16px;
  font-weight:800; font-size:.82rem; letter-spacing:.07em; text-transform:uppercase; line-height:1.1; white-space:nowrap;
  color:var(--txt); text-decoration:none; cursor:pointer; -webkit-tap-highlight-color:transparent;
  background:linear-gradient(135deg,var(--b1),var(--b2)); border:1px solid rgba(255,255,255,.20); box-shadow:var(--sh);
  transition:transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .22s, filter .2s;
}
.omni-btn::before{ /* reflet qui traverse le bouton au survol */
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.42) 50%,transparent 62%);
  transform:translateX(-130%); transition:transform .75s cubic-bezier(.2,.7,.2,1);
}
.omni-btn:hover{ transform:translateY(-3px); filter:brightness(1.08); --sh:0 1px 0 rgba(255,255,255,.34) inset, 0 -2px 0 rgba(0,0,0,.16) inset, 0 20px 38px -10px var(--glow); }
.omni-btn:hover::before{ transform:translateX(130%); }
.omni-btn:active{ transform:translateY(0) scale(.985); filter:brightness(.97); }
.omni-btn:focus-visible{ outline:3px solid #fff; outline-offset:3px; box-shadow:0 0 0 7px rgba(34,211,238,.55); }
.omni-btn .ob-ico{ display:inline-flex; align-items:center; justify-content:center; flex:none; width:32px; height:32px; border-radius:10px; font-size:.82rem; background:rgba(255,255,255,.20); box-shadow:0 1px 0 rgba(255,255,255,.25) inset; }
.omni-btn .ob-arr{ flex:none; font-size:.72rem; opacity:.9; transition:transform .22s; }
.omni-btn:hover .ob-arr{ transform:translateX(5px); }

/* Orange : audit gratuit (texte foncé = lisible) */
.omni-btn--audit{ --b1:#fbbf24; --b2:#ea580c; --glow:rgba(234,88,12,.55); --txt:#1c0f02; border-color:rgba(255,255,255,.35); }
.omni-btn--audit .ob-ico{ background:rgba(28,15,2,.14); box-shadow:none; }
/* Verre : appel, démos secondaires */
.omni-btn--ghost{ --glow:rgba(34,211,238,.35); background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.24);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); --sh:0 10px 26px -14px rgba(0,0,0,.7); }
.omni-btn--ghost:hover{ border-color:rgba(34,211,238,.6); background:rgba(255,255,255,.12); --sh:0 16px 34px -12px rgba(34,211,238,.4); }
.omni-btn--ghost .ob-ico{ background:rgba(34,211,238,.16); color:#67e8f9; }
/* Blanc : « Découvrir l'offre » */
.omni-btn--light{ --txt:#4c1d95; --glow:rgba(168,85,247,.45); background:linear-gradient(180deg,#fff,#ede9fe); border-color:#fff; }
.omni-btn--light .ob-ico{ background:rgba(76,29,149,.10); }
/* Halo d'attention */
.omni-btn--pulse{ animation:obPulse 3.4s ease-out infinite; }
@keyframes obPulse{
  0%,62%,100%{ box-shadow:var(--sh), 0 0 0 0 transparent; }
  72%{ box-shadow:var(--sh), 0 0 0 0 var(--glow); }
  100%{ box-shadow:var(--sh), 0 0 0 16px transparent; }
}
.omni-btn--pulse:hover{ animation:none; }

/* Mode clair du site */
body.light .omni-btn--ghost{ --txt:#0f172a; color:#0f172a; background:rgba(255,255,255,.82); border-color:rgba(15,23,42,.20); --sh:0 10px 24px -14px rgba(15,23,42,.35); }
body.light .omni-btn--ghost .ob-ico{ color:#0e7490; background:rgba(14,116,144,.12); }
body.light .omni-btn--light{ background:linear-gradient(180deg,#4c1d95,#6d28d9); --txt:#fff; color:#fff; border-color:rgba(255,255,255,.25); }
body.light .omni-btn--light .ob-ico{ background:rgba(255,255,255,.2); }

/* Téléphone : boutons pleine largeur, faciles à toucher */
@media (max-width:640px){ .omni-btn{ width:100%; white-space:normal; text-align:left; } .omni-btn > span:not(.ob-ico){ flex:1; } }
@media (prefers-reduced-motion:reduce){ .omni-btn, .omni-btn::before, .omni-btn .ob-arr{ transition:none; } .omni-btn--pulse{ animation:none; } }

/* ═══ 01/11/2026 — STYLE SOBRE ET PROFESSIONNEL ═══
   Aplats unis, angles discrets, plus de dégradés « bonbon », de halo qui pulse, de reflet ni de pastille d'icône.
   Pour revenir au style précédent : supprimer ce bloc (ou restaurer omni-boutons.css.bak_sobre_20261101). */
.omni-btn{
  --sh:none; min-height:46px; padding:.7rem 1.2rem; gap:.65rem; border-radius:10px;
  font-weight:700; font-size:.78rem; letter-spacing:.06em;
  background:#4f46e5; border:1px solid rgba(255,255,255,.14); box-shadow:none;
}
.omni-btn::before{ display:none; }
.omni-btn:hover{ transform:none; filter:none; background:#4338ca; box-shadow:none; }
.omni-btn:active{ transform:none; filter:none; }
.omni-btn .ob-ico{ width:auto; height:auto; background:none !important; box-shadow:none; border-radius:0; font-size:.9rem; opacity:.9; }
.omni-btn .ob-arr{ opacity:.7; }
.omni-btn:hover .ob-arr{ transform:translateX(3px); }
/* principal : indigo uni */
.omni-btn--demo{ background:#4f46e5; --txt:#fff; }
.omni-btn--demo:hover{ background:#4338ca; }
/* audit : orange uni, texte blanc */
.omni-btn--audit{ background:#d9530f; --txt:#fff; border-color:rgba(255,255,255,.14); }
.omni-btn--audit:hover{ background:#bf470b; }
.omni-btn--audit .ob-ico{ background:none !important; }
/* secondaire : simple contour */
.omni-btn--ghost{ background:transparent; border-color:rgba(255,255,255,.28); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; }
.omni-btn--ghost:hover{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.5); box-shadow:none; }
.omni-btn--ghost .ob-ico{ color:#cbd5e1; background:none !important; }
.omni-btn--light{ background:#fff; --txt:#1e1b4b; border-color:#fff; }
.omni-btn--light:hover{ background:#eef2ff; }
.omni-btn--pulse{ animation:none; }
body.light .omni-btn--ghost{ background:transparent; border-color:rgba(15,23,42,.3); box-shadow:none; }
body.light .omni-btn--ghost:hover{ background:rgba(15,23,42,.05); }
body.light .omni-btn--light{ background:#312e81; --txt:#fff; }
/* pastille « Nouveau » : discrète, sans clignotement ni halo */
.omni-new-badge{ background:rgba(250,204,21,.14) !important; color:#fcd34d !important; border:1px solid rgba(250,204,21,.4);
  box-shadow:none !important; animation:none !important; font-size:9px !important; letter-spacing:.14em !important; padding:.22rem .6rem !important; border-radius:6px !important; }
.ia-hero-pill{ background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.16) !important; border-radius:10px !important; }
.ia-hero-pill:hover{ background:rgba(255,255,255,.08) !important; border-color:rgba(255,255,255,.3) !important; }
.ia-hero-pill span:nth-child(2){ color:#e2e8f0 !important; font-weight:600 !important; }