/* ============================================================
   MYTHÉO — Moteur de theming : bascule de visibilité Atlas ⇄ Kailash
   + bouton de bascule PROVISOIRE (validation étape moteur).
   La visibilité est pilotée par html[data-template] (posé par
   core.js applySettings + theming.js). Défaut = atlas → prod inchangée.
   ============================================================ */

#kailash-root { display: none; }
/* Racine du template atlas selon la page : .app (explore) OU .portal-wrap (home). */
html[data-template="kailash"] .app,
html[data-template="kailash"] .portal-wrap { display: none; }
html[data-template="kailash"] #kailash-root { display: block; }

/* Bouton RETOUR (ferme l'Atlas → revient à Kailash). Affiché uniquement dans
   l'Atlas via JS ; Kailash est l'interface par défaut (plus de sélecteur). */
#atlas-return {
  position: fixed; left: max(12px, env(safe-area-inset-left)); top: calc(env(safe-area-inset-top) + 12px);
  z-index: 9999; display: none; align-items: center; gap: 7px;
  height: var(--touch, 44px); padding: 0 15px 0 11px;
  border-radius: var(--radius-md, 4px);
  font: 700 13px/1 var(--font-display, "Zilla Slab", Georgia, serif); letter-spacing: .02em;
  color: var(--accent-strong, #F3D98C);
  background: var(--bg-raised, #1E2C33);
  border: 1px solid color-mix(in srgb, var(--accent, #E7C56E) 26%, var(--line, #35474F));
  cursor: pointer; -webkit-tap-highlight-color: transparent;
  transition: border-color .12s ease;
}
/* Équerres dorées : signature des cartes du portail (arêtes franches). */
#atlas-return::before, #atlas-return::after {
  content: ""; position: absolute; width: 9px; height: 9px;
  border: 2px solid var(--accent, #E7C56E); pointer-events: none;
}
#atlas-return::before { left: -1px; top: -1px; border-right: 0; border-bottom: 0; }
#atlas-return::after { right: -1px; bottom: -1px; border-left: 0; border-top: 0; }
#atlas-return svg { width: 17px; height: 17px; }
#atlas-return:hover { border-color: color-mix(in srgb, var(--accent, #E7C56E) 55%, var(--line, #35474F)); }
#atlas-return:active { transform: scale(.97); }