/* Settings page dark mode - Space Background Only */

/* Import product-dark-colors.css for all animations and colors */
@import url('../css/product-dark-colors.css');

/* Space background elements only */
body.dark.settings-page .settings-container,
body.dark.settings-page .settings-section {
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(3px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Fix for white background areas in settings page */
body.dark.settings-page #shippingAddressDisplay,
body.dark.settings-page .no-address-message,
body.dark.settings-page .no-payment-message,
body.dark.settings-page div[style*="background: #fff"],
body.dark.settings-page div[style*="background:#fff"],
body.dark.settings-page div[style*="background-color: #fff"],
body.dark.settings-page div[style*="background-color:#fff"] {
  background-color: rgba(30, 30, 50, 0.7);
  color: #ffffff;
  border: 1px solid rgba(78, 26, 74, 0.3);
}