/* 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);
}

/* ===================== */
/* Address Modal Dark Mode */
/* ===================== */
body.dark .settings-modal-overlay {
  background: rgba(0, 0, 0, 0.8);
}

body.dark .settings-modal {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  color: #e0e0e0;
  border: 1px solid rgba(63, 81, 181, 0.3);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

body.dark .settings-modal-header {
  background: rgba(63, 81, 181, 0.15);
  border-bottom: 1px solid rgba(63, 81, 181, 0.3);
}

body.dark .settings-modal-header h3 {
  color: #90caf9;
}

body.dark .settings-modal-content {
  color: #e0e0e0;
}

body.dark .settings-modal .location-badge {
  background: rgba(63, 81, 181, 0.2);
  color: #90caf9;
}

body.dark .settings-modal .form-group label {
  color: #b0b0b0;
}

body.dark .settings-modal input,
body.dark .settings-modal select,
body.dark .settings-modal textarea {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #e0e0e0;
}

body.dark .settings-modal input:focus,
body.dark .settings-modal select:focus,
body.dark .settings-modal textarea:focus {
  border-color: #90caf9;
  box-shadow: 0 0 0 3px rgba(144, 202, 249, 0.2);
}

body.dark .settings-modal input::placeholder,
body.dark .settings-modal textarea::placeholder {
  color: #666;
}

body.dark .settings-modal select option {
  background: #1a1a2e;
  color: #e0e0e0;
}

body.dark .settings-modal-footer {
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark .settings-modal .btn.secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #b0b0b0;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

body.dark .settings-modal .btn.secondary:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* Address Type Toggle Buttons Dark Mode */
body.dark .addr-type-btn {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #b0b0b0 !important;
}

body.dark .addr-type-btn.active {
  background: rgba(63, 81, 181, 0.2) !important;
  border-color: #90caf9 !important;
  color: #90caf9 !important;
}

body.dark .addr-type-btn:hover {
  border-color: #90caf9 !important;
}

/* Saved Address Display Dark Mode */
body.dark .saved-address {
  color: #e0e0e0;
}

body.dark .saved-address .addr-name,
body.dark .saved-address .addr-phone,
body.dark .saved-address .addr-location,
body.dark .saved-address .addr-street,
body.dark .saved-address .addr-area {
  color: #e0e0e0;
}

body.dark .saved-address .addr-notes {
  color: #90caf9;
}

body.dark .saved-address i {
  color: #90caf9;
}