/* ═══════════════════════════════════════════════════════════════
   Charte AUPTIMA (bronze) — pages du site hors HELLO
   Depuis le 04/10/2026, helloauptima.com est consacré à AUPTIMA : les
   pages légales, les services et la 404 portent la charte de la landing
   salons (public/go/auptima.html, body.page-auptima), reprise ici à
   l'identique sous body.charte-auptima. Les pages HELLO gardent le rose.
   Chargée après humain.css, qu'elle doit pouvoir surclasser.
   ═══════════════════════════════════════════════════════════════ */
body.charte-auptima {
  --accent:           #A9743F;
  --accent-lt:        #C79A63;
  --accent-dk:        #85582C;
  --accent-dark:      #85582C;
  --accent-shadow:    rgba(169, 116, 63, .30);
  --accent-shadow-lg: rgba(169, 116, 63, .42);
  --accent-tint:      rgba(169, 116, 63, .08);
  --accent-tint-md:   rgba(169, 116, 63, .18);
  --border-a:         rgba(169, 116, 63, .28);
  --shadow-g:         0 12px 48px rgba(169, 116, 63, .22);
  --bg:               #FBF8F4;
  --bg-2:             #F2EBE2;
  --navbar-bg:            rgba(251, 248, 244, .55);
  --navbar-bg-scroll:     rgba(251, 248, 244, .96);
  --navbar-border-scroll: rgba(23, 20, 18, .07);
  --navbar-shadow-scroll: 0 4px 24px rgba(23, 20, 18, .07);
  --nav-overlay-bg:       rgba(251, 248, 244, .99);
  background: linear-gradient(180deg, #FFFDFA 0%, #F7F2EB 45%, #F2EBE2 100%);
}
.charte-auptima .logo-icon {
  background: linear-gradient(135deg, #C79A63 0%, #A9743F 70%);
  box-shadow: 0 4px 16px rgba(169, 116, 63, .28);
}
.charte-auptima .btn-secondary:hover { border-color: var(--accent); color: var(--accent-dk); }

/* humain.css peint `.btn-primary` en framboise avec !important, et atteint le
   bouton de la barre par `.nav-links a.btn-primary` (0,2,1) : on vise le même
   chemin, préfixé. Depuis le 04/10/2026 (consigne d'Alex : « plus de boutons
   noirs »), l'action principale porte le dégradé bronze ; texte blanc lisible
   dès le premier tiers du dégradé (#A46D3B : 4,6:1). */
.charte-auptima .btn-primary,
.charte-auptima .nav-links a.btn-primary {
  background: linear-gradient(135deg, #A46D3B 0%, #8A5A2E 50%, #6E4520 100%) !important; color: #fff !important;
  box-shadow: 0 1px 2px rgba(22, 20, 15, .06), 0 10px 26px rgba(110, 69, 32, .30) !important; }
.charte-auptima .btn-primary:hover,
.charte-auptima .nav-links a.btn-primary:hover { filter: brightness(1.06); }

/* ── « Aussi chez Auptima » : les services, en une ligne discrète ─────────
   Pied des pages AUPTIMA et de l'accueil (sur le domaine principal seulement :
   le canal go.helloauptima.com ne renvoie nulle part). Même mise en ligne que
   le bloc « Entreprise » de humain.css, titre visible. */
.footer-grid .footer-aussi {
  grid-column: 1 / -1;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem 1.5rem;
  margin-top: .25rem;
  padding-top: 1.1rem;
  border-top: 1px solid var(--hla-trait, var(--border));
}
.footer-grid .footer-aussi > .footer-col-title { margin: 0; }
.footer-grid .footer-aussi > a:not(.btn) { min-height: 0; padding: .3rem 0; font-size: .875rem; }
@media (max-width: 640px) {
  .footer-grid .footer-aussi > .footer-col-title { flex-basis: 100%; }
}

/* Badge « 14 jours gratuits » sur le bouton principal (16/10/2026, Alex) */
.charte-auptima [data-badge] { position: relative; }
.charte-auptima [data-badge]::after { content: attr(data-badge); position: absolute; top: -.7rem; right: .9rem; padding: .18rem .55rem; border-radius: 999px;
  background: #2F7A4D; color: #fff; font-size: .68rem; font-weight: 800; letter-spacing: .02em; line-height: 1.3; white-space: nowrap;
  box-shadow: 0 4px 10px rgba(23, 20, 18, .18); pointer-events: none; }
.charte-auptima .nav-links a[data-badge] .nav-tooltip { display: none; }   /* le badge remplace « Essayez-moi ! » */
/* Dans la barre (qui rogne ce qui dépasse), le badge se range dans le bouton */
.charte-auptima .nav-links a[data-badge]::after { position: static; display: inline-block; margin-left: .5rem; box-shadow: none; vertical-align: middle; }