/* Main Styles - Theme Loader for Global Weather Pro */

/* Import alert icon styles based on theme */
@import url("alert-icon-styles.css");

/* Load base theme styles - These will be overridden by specific themes */
@import url("glossy-black.css") (theme: glossy-black);
@import url("midnight-graphite.css") (theme: midnight-graphite);
@import url("midnight-horizon.css") (theme: midnight-horizon);
@import url("light-mode.css") (theme: light-mode);
/* Added new TechWave Modern theme import */
@import url("techwave-modern.css") (theme: techwave-modern);

/* Sidebar themes */
@import url("sidebar-dark-mode.css") (theme: sidebar-dark-mode);
@import url("sidebar-light-mode.css") (theme: sidebar-light-mode);
/* Added new TechWave Sidebar theme import */
@import url("techwave-sidebar.css") (theme: techwave-sidebar);

/* Alert icon styles for TechWave theme */
@import url("alert-icon-techwave.css") (theme: techwave-modern);

/* Global reset and base styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Ensure smooth transitions */
* {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* No-select utility */
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Container base */
.weather-widget-container {
  width: 100%;
  max-width: 100%;
}