/* XANY UI Contract Core - Shell theme visual skin.
 * Shell owns only data-xany-theme state; UI paints the theme here.
 */
.xany-home-v2-platform.xany-theme-anim,
.xany-home-v2-platform.xany-theme-anim *,
.xany-home-v2-platform.xany-theme-anim *::before,
.xany-home-v2-platform.xany-theme-anim *::after {
  transition:
    background-color .42s cubic-bezier(.22,.61,.36,1),
    background .42s cubic-bezier(.22,.61,.36,1),
    border-color .42s cubic-bezier(.22,.61,.36,1),
    color .30s cubic-bezier(.22,.61,.36,1),
    box-shadow .42s cubic-bezier(.22,.61,.36,1),
    opacity .30s cubic-bezier(.22,.61,.36,1),
    transform .34s cubic-bezier(.16,1,.3,1) !important;
}

.xany-home-actions .xany-home-theme-toggle {
  order: 25;
}

.xany-home-theme-toggle {
  position: relative;
  width: 58px;
  height: 34px;
  min-width: 58px;
  border: 1px solid rgba(226, 232, 240, .88);
  border-radius: 999px;
  padding: 0 6px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, .92);
  color: #94a3b8;
  box-shadow: 0 12px 24px rgba(15, 23, 42, .05);
  cursor: pointer;
  overflow: hidden;
}

.xany-home-theme-toggle svg {
  position: relative;
  z-index: 2;
  width: 15px;
  height: 15px;
  pointer-events: none;
}

.xany-theme-thumb {
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.42), rgba(255,255,255,0) 46%),
    linear-gradient(135deg, #a78bfa, #7c3aed);
  box-shadow: 0 8px 18px rgba(109, 40, 217, .26);
  transform: translateX(0);
  pointer-events: none;
}

.xany-home-v2-platform[data-xany-theme="light"] .xany-theme-sun {
  color: #7c3aed;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-theme-moon {
  color: #c4b5fd;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-theme-thumb {
  transform: translateX(26px);
}

.xany-home-v2-platform[data-xany-theme="dark"] {
  color-scheme: dark;
  color: #e9ebf1 !important;
  background:
    radial-gradient(900px 520px at 88% -10%, rgba(139, 92, 246, .28), transparent 58%),
    radial-gradient(720px 420px at 8% 4%, rgba(30, 185, 255, .10), transparent 56%),
    radial-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
    linear-gradient(90deg, #15171f 0%, #1d212c 52%, #211c2f 100%) !important;
  background-size: auto, auto, 22px 22px, auto !important;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-header {
  border-color: rgba(255, 255, 255, .10) !important;
  background: rgba(29, 33, 44, .82) !important;
  box-shadow:
    0 26px 80px rgba(0, 0, 0, .32),
    inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-logo strong,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-user-mini strong,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-user-top strong,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-hero h1,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-hero-copy-clean h1,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-overview-title,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-subpage-title,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-final-checkout-cart-head h2,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-auth-title,
.xany-home-v2-platform[data-xany-theme="dark"] h1,
.xany-home-v2-platform[data-xany-theme="dark"] h2,
.xany-home-v2-platform[data-xany-theme="dark"] h3 {
  color: #f4f6fb !important;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-nav a,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-user-mini small,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-user-top small,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-hero p,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-overview-subtitle,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-auth-access-head small,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-final-checkout-group-head span,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-final-checkout-item-info span,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-final-checkout-item-info small,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-user-progress small {
  color: #aeb5c6 !important;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-search input,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-auth-field input,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-intent-field input,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-core-form input,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-core-form select,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-core-form textarea {
  border-color: rgba(255, 255, 255, .12) !important;
  background: rgba(0, 0, 0, .22) !important;
  color: #eef2ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-search input::placeholder,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-auth-field input::placeholder {
  color: rgba(226, 232, 240, .48) !important;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-icon-btn,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-theme-toggle,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-user-mini,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-actions .xany-home-shop-clock {
  border-color: rgba(255, 255, 255, .12) !important;
  background: rgba(37, 42, 55, .88) !important;
  color: #e9ebf1 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-nav a:hover,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-nav a.is-active,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-icon-btn:hover,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-theme-toggle:hover,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-user-mini:hover {
  border-color: rgba(167, 139, 250, .38) !important;
  background: rgba(45, 51, 67, .92) !important;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-side-card,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-user-card,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-v2-unified-cart,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-ranking-card,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-overview-hero,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-overview-card,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-overview-activity,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-final-shared-hero,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-final-summary,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-final-stat,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-subpage-hero,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-subpage-panel,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-core-panel,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-hub-card,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-wizard,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-slot-empty,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-final-checkout-cart,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-final-checkout-summary-card,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-final-checkout-group,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-auth-access-card {
  border-color: rgba(255, 255, 255, .10) !important;
  background:
    linear-gradient(180deg, rgba(37, 42, 55, .94), rgba(29, 33, 44, .88)) !important;
  box-shadow:
    0 28px 72px rgba(0, 0, 0, .30),
    inset 0 1px 0 rgba(255, 255, 255, .07) !important;
  color: #e9ebf1 !important;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-final-checkout-item,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-v2-cart-item,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-activity-row,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-flow-steps span,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-panel-chip,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-profile-menu-item:not(.xany-profile-logout-simple) {
  border-color: rgba(255, 255, 255, .09) !important;
  background: rgba(21, 23, 31, .52) !important;
  color: #e9ebf1 !important;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-user-progress-bar,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-profile-progress {
  background: rgba(255, 255, 255, .10) !important;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-btn-secondary,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-home-btn-soft,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-final-checkout-secondary,
.xany-home-v2-platform[data-xany-theme="dark"] .xany-account-panel-back {
  border-color: rgba(167, 139, 250, .26) !important;
  background: rgba(255, 255, 255, .06) !important;
  color: #ddd6fe !important;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-auth-message[data-xany-auth-tone="success"] {
  color: #7dd3ae !important;
}

.xany-home-v2-platform[data-xany-theme="dark"] .xany-auth-message[data-xany-auth-tone="error"] {
  color: #fda4af !important;
}

@media (prefers-reduced-motion: reduce) {
  .xany-home-v2-platform.xany-theme-anim,
  .xany-home-v2-platform.xany-theme-anim *,
  .xany-home-v2-platform.xany-theme-anim *::before,
  .xany-home-v2-platform.xany-theme-anim *::after,
  .xany-theme-thumb {
    transition: none !important;
  }
}