/* AmelTeker site shell — fond noir + bulle Messenger */
html.site-shell,
html.site-shell[data-theme="light"],
html.site-shell[data-theme="dark"] {
  color-scheme: dark;
}
html.site-shell body,
html.site-shell[data-theme="light"] body {
  background: #000000 !important;
  color: #f5f5f5 !important;
}
html.site-shell .wrap,
html.site-shell .page,
html.site-shell main {
  color: inherit;
}

/* Bulle */
html.site-shell .site-nav.site-nav-bubble,
html.site-shell[data-theme="light"] .site-nav.site-nav-bubble {
  position: fixed !important;
  top: 1.05rem !important;
  left: 1.05rem !important;
  z-index: 80 !important;
  width: 52px !important;
  height: 52px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  display: block !important;
  overflow: visible !important;
  pointer-events: none !important;
}
html.site-shell .bubble-fab {
  position: relative;
  z-index: 2;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  border: none;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  pointer-events: auto;
  background: transparent;
  box-shadow: none;
  filter: none;
  outline: none;
  display: grid;
  place-items: center;
  will-change: transform;
  animation: shellBubbleFloat 4.8s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
  transition: transform 0.2s ease;
}
html.site-shell .bubble-fab img {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  object-fit: cover;
  display: block;
  pointer-events: none;
}
html.site-shell .bubble-pulse { display: none !important; }
@keyframes shellBubbleFloat {
  0% { transform: translate3d(0, 0, 0); }
  25% { transform: translate3d(0, -3px, 0); }
  50% { transform: translate3d(0, -6px, 0); }
  75% { transform: translate3d(0, -2px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}
html.site-shell .bubble-menu {
  position: absolute;
  top: calc(100% + 0.55rem);
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 168px;
  padding: 0.4rem;
  border-radius: 14px;
  background: #111417;
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
  filter: none;
  backdrop-filter: none;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, -6px, 0) scale(0.96);
  transform-origin: top left;
  transition: opacity 0.2s ease, transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.2s ease;
  pointer-events: none;
}
html.site-shell .bubble-menu a {
  display: flex;
  align-items: center;
  padding: 0.68rem 0.85rem;
  border-radius: 10px;
  color: #f3f4f6 !important;
  text-decoration: none;
  font-size: 0.86rem;
  font-weight: 700;
  background: #1a1e24;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
html.site-shell .bubble-menu a:hover,
html.site-shell .bubble-menu a:focus-visible,
html.site-shell .bubble-menu a.active {
  background: #12b56e;
  color: #04150d !important;
  transform: translateX(2px);
}
html.site-shell .site-nav-bubble:hover .bubble-menu,
html.site-shell .site-nav-bubble:focus-within .bubble-menu,
html.site-shell .site-nav-bubble.is-open .bubble-menu {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0) scale(1);
  pointer-events: auto;
}
html.site-shell .site-nav-bubble:hover .bubble-fab,
html.site-shell .site-nav-bubble:focus-within .bubble-fab,
html.site-shell .site-nav-bubble.is-open .bubble-fab {
  animation: none;
  transform: translate3d(0, 0, 0) scale(1.04);
}
@media (prefers-reduced-motion: reduce) {
  html.site-shell .bubble-fab { animation: none !important; }
}

/* Lang FR button dark */
html.site-shell .site-lang-btn,
html.site-shell[data-theme="light"] .site-lang-btn {
  background: #12151a !important;
  color: #ecfdf5 !important;
  border: 1px solid rgba(52, 211, 153, 0.35) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
html.site-shell .site-lang-btn svg { color: #12b56e !important; }
html.site-shell .site-lang-menu {
  background: #111417 !important;
  border: 1px solid rgba(52, 211, 153, 0.28) !important;
  backdrop-filter: none !important;
}
html.site-shell .site-lang-menu button { color: #e5e7eb !important; }
html.site-shell .site-lang-menu button.active {
  background: rgba(18, 181, 110, 0.18) !important;
  color: #ecfdf5 !important;
}

/* Common dark surfaces for inner pages */
html.site-shell .sheet,
html.site-shell .card,
html.site-shell .panel,
html.site-shell .box,
html.site-shell .table-wrap,
html.site-shell .hash-box,
html.site-shell .verify,
html.site-shell .reqs {
  background: #12151a !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: #e5e7eb !important;
  box-shadow: none !important;
}
html.site-shell .page-title,
html.site-shell h1,
html.site-shell h2,
html.site-shell h3 { color: #f5f5f5 !important; }
html.site-shell .lead,
html.site-shell .meta-line,
html.site-shell p,
html.site-shell li,
html.site-shell td,
html.site-shell th,
html.site-shell label { color: #d1d5db !important; }
html.site-shell a:not(.btn):not(.bubble-menu a):not(.discord-float):not(.site-lang-btn) {
  color: #6ee7b7;
}
html.site-shell .btn {
  box-shadow: none !important;
  filter: none !important;
}
html.site-shell .site-footer,
html.site-shell .foot-copy { color: #6ee7b7 !important; border-color: rgba(255,255,255,0.08) !important; }
html.site-shell .hi { color: #12b56e !important; }


/* Accueil home-stlike : fond noir + pluie au-dessus */
html.site-shell.home-stlike,
html.home-stlike.site-shell,
html.home-stlike {
  color-scheme: dark;
}
html.site-shell.home-stlike body,
html.home-stlike body {
  background: #000000 !important;
  color: #f5f5f5 !important;
}
html.site-shell #fx,
html.home-stlike #fx {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
html.site-shell .wrap,
html.site-shell .page,
html.site-shell main,
html.home-stlike .page {
  position: relative;
  z-index: 1;
}

html.site-shell .site-footer,
html.site-shell .site-footer-mini,
html.home-stlike .site-footer,
html.home-stlike .site-footer-mini {
  border: none !important;
  border-top: none !important;
  box-shadow: none !important;
}


/* Force cartes sombre style accueil — même si light fuit */
html.site-shell,
html.site-shell[data-theme="light"],
html.site-shell[data-theme="dark"] {
  color-scheme: dark !important;
}
html.site-shell[data-theme="light"],
html.site-shell[data-theme="dark"] {
  --bg: #000000 !important;
  --surface: #12151a !important;
  --surface-2: #0c0c10 !important;
  --surface-bar: #161a1f !important;
  --text: #f5f5f5 !important;
  --text-2: #d1d5db !important;
  --muted: #9ca3af !important;
  --line: rgba(255, 255, 255, 0.1) !important;
  --gold: #12b56e !important;
  --gold2: #6ee7b7 !important;
  --gold-soft: rgba(18, 181, 110, 0.14) !important;
  --accent-top: #34d399 !important;
  --accent-bot: #12b56e !important;
  --accent-ink: #04150d !important;
  --accent-rgb: 18, 181, 110 !important;
  --link: #6ee7b7 !important;
  --link-hover: #a7f3d0 !important;
}
html.site-shell body,
html.site-shell[data-theme="light"] body {
  background: #000000 !important;
  color: #f5f5f5 !important;
}
html.site-shell .dl-card,
html.site-shell .status-card,
html.site-shell .sheet,
html.site-shell .card,
html.site-shell .panel,
html.site-shell .box,
html.site-shell .console,
html.site-shell .doc,
html.site-shell .detail,
html.site-shell .info-card,
html.site-shell .feat,
html.site-shell .table-wrap,
html.site-shell .hash-box,
html.site-shell .verify,
html.site-shell .reqs,
html.site-shell .req,
html.site-shell .verify-cmd,
html.site-shell .docs-side,
html.site-shell .tabs,
html.site-shell .faq-item .console,
html.site-shell[data-theme="light"] .dl-card,
html.site-shell[data-theme="light"] .status-card,
html.site-shell[data-theme="light"] .card,
html.site-shell[data-theme="light"] .console,
html.site-shell[data-theme="light"] .panel,
html.site-shell[data-theme="light"] .doc,
html.site-shell[data-theme="light"] .req,
html.site-shell[data-theme="light"] .verify-cmd,
html.site-shell[data-theme="light"] .docs-side,
html.site-shell[data-theme="light"] .tabs {
  background: #12151a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #e5e7eb !important;
  box-shadow: none !important;
}
html.site-shell .verify-cmd,
html.site-shell[data-theme="light"] .verify-cmd {
  background: #0a0c0f !important;
}
html.site-shell .req,
html.site-shell[data-theme="light"] .req {
  background: #161a1f !important;
}
html.site-shell .page-title .hi,
html.site-shell .hi,
html.site-shell .hash,
html.site-shell code {
  color: #12b56e !important;
}
html.site-shell .btn-gold,
html.site-shell .btn-primary,
html.site-shell a.btn.btn-gold {
  background: #12b56e !important;
  background-image: none !important;
  color: #04150d !important;
  box-shadow: none !important;
}


/* Lisibilité globale — plus de texte noir/gris invisible */
html.site-shell,
html.site-shell[data-theme="light"],
html.site-shell[data-theme="dark"] {
  --muted: #b0b6c0 !important;
  --text: #f5f5f5 !important;
  --text-2: #d1d5db !important;
}
html.site-shell .lead,
html.site-shell .muted,
html.site-shell .sub,
html.site-shell .meta,
html.site-shell .kicker,
html.site-shell .section-kicker,
html.site-shell .hint,
html.site-shell .field-label,
html.site-shell .row .sub,
html.site-shell .spec label,
html.site-shell .req span:first-child,
html.site-shell label,
html.site-shell .verify-text,
html.site-shell .verify-ok,
html.site-shell p,
html.site-shell li,
html.site-shell td,
html.site-shell th,
html.site-shell .console-body,
html.site-shell .console-body p,
html.site-shell .doc,
html.site-shell .doc p,
html.site-shell .faq-q,
html.site-shell small,
html.site-shell .empty,
html.site-shell .divider {
  color: #d1d5db !important;
  -webkit-text-fill-color: #d1d5db !important;
}
html.site-shell .spec label,
html.site-shell .req span:first-child,
html.site-shell .dl-label,
html.site-shell .field label,
html.site-shell .kicker,
html.site-shell .section-kicker {
  color: #a7b0c0 !important;
  -webkit-text-fill-color: #a7b0c0 !important;
}
html.site-shell .value,
html.site-shell .req span:last-child,
html.site-shell .page-title,
html.site-shell h1,
html.site-shell h2,
html.site-shell h3,
html.site-shell .block-title {
  color: #f5f5f5 !important;
  -webkit-text-fill-color: #f5f5f5 !important;
}
html.site-shell .hi,
html.site-shell .value.hi,
html.site-shell .hash,
html.site-shell .value.hash,
html.site-shell code,
html.site-shell .verify-cmd,
html.site-shell .verify-cmd code {
  color: #12b56e !important;
  -webkit-text-fill-color: #12b56e !important;
}
html.site-shell .foot-copy,
html.site-shell .site-footer,
html.site-shell .site-footer-mini {
  color: #6ee7b7 !important;
  -webkit-text-fill-color: #6ee7b7 !important;
}
/* pas de surlignage bleu bizarre sur le lead */
html.site-shell .lead,
html.site-shell .lead * {
  background: transparent !important;
  background-color: transparent !important;
}


/* Account panels */
html.site-shell .g-panel,
html.site-shell .acc-card,
html.site-shell .acc-panel,
html.site-shell .auth-card,
html.site-shell .login-card,
html.site-shell[data-theme="dark"] .g-panel,
html.site-shell[data-theme="light"] .g-panel {
  background: #12151a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  color: #e5e7eb !important;
}
html.site-shell .acc-card .field-input,
html.site-shell[data-theme="dark"] .acc-card .field-input,
html.site-shell[data-theme="light"] .acc-card .field-input {
  background: #0a0c0f !important;
  color: #f5f5f5 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  -webkit-text-fill-color: #f5f5f5 !important;
}