/* LautoMatik — règles communes à toutes les pages du plugin. */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden}
img{max-width:100%;height:auto}
body.lautomatik-site{min-width:0;margin:0;overflow-x:hidden;background:radial-gradient(900px 380px at 8% 0%,rgba(15,143,106,.08),transparent 62%),radial-gradient(900px 380px at 92% 18%,rgba(2,132,199,.06),transparent 62%),linear-gradient(180deg,#fff 0%,#f4faf7 100%);color:#0f172a;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}

/* En-tete general du site */
.lauto.lauto-scope.lauto-siteHeader{--la-header-line:#dbe5e2;--la-header-green:#0f8f6a;--la-header-dark:#06281c;width:100%;max-width:100%;padding:0;border-bottom:1px solid var(--la-header-line);background:linear-gradient(180deg,#fff 0%,#f2faf7 100%);color:#0f172a}
.lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderContainer{width:min(1120px,calc(100% - 32px));max-width:100%;margin:0 auto;padding:12px 0 10px}
.lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderMain{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderBrand{display:block;flex:0 1 310px;min-width:0;color:inherit;text-decoration:none}
.lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderLogo{display:block;width:100%;max-width:310px;height:auto}
.lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderActions{display:flex;align-items:center;justify-content:flex-end;min-width:0;margin-left:auto}
.lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderNav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.lauto.lauto-scope.lauto-siteHeader .lauto-bouton{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border:1px solid #cfe5df;border-radius:9px;background:#fff;color:#0f172a;font:800 13px/1.15 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-decoration:none;white-space:nowrap}
.lauto.lauto-scope.lauto-siteHeader .lauto-bouton-principal{border-color:transparent;background:linear-gradient(135deg,#0f8f6a,#06281c);color:#fff}
.lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderSub{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-top:8px;padding:8px 12px;border:1px solid var(--la-header-line);border-radius:14px;background:#fff}
.lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderSubLeft{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderBadge{display:inline-flex;align-items:center;min-height:30px;padding:5px 11px;border:1px solid #9ddcc8;border-radius:999px;background:#ecfdf5;color:#065f46;font-size:12px;font-weight:800;white-space:nowrap}
.lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderConnectedText{color:#475569;font-size:13px;font-weight:700}
.lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderConnectedText a{color:#087456;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderSubRight{flex:0 0 auto;color:#64748b;font-size:12px;font-weight:700;white-space:nowrap}
@media (max-width:760px){
  .lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderContainer{width:calc(100% - 16px);padding:8px 0}
  .lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderMain{align-items:flex-start;gap:10px}
  .lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderBrand{flex:1 1 auto}
  .lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderLogo{max-width:220px}
  .lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderNav{gap:6px}
  .lauto.lauto-scope.lauto-siteHeader .lauto-bouton{min-height:34px;padding:7px 9px;font-size:12px}
  .lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderSub{align-items:flex-start;flex-wrap:wrap;padding:7px 9px}
  .lauto.lauto-scope.lauto-siteHeader .lauto-siteHeaderSubRight{font-size:11px}
}