/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* iOS Safari sampelt background-color von html für die Navbar-Farbe */
html {
  background-color: #192541;
}

.header-pill {
  background-color: #069AA8 !important;
  color: #192541 !important;
  border: none !important;
  transition: background-color 0.15s ease, transform 0.15s ease;
}
.header-pill:hover {
  background-color: #0ab5c5 !important;
  transform: scale(1.05);
}

.watchlist-remove-btn {
  background-color: #192541;
  opacity: 0.7;
}

/* background-attachment: fixed funktioniert nicht auf iOS Safari – Original-Gradient, kräftiger auf Mobile */
@media (max-width: 640px) {
  body {
    background-image:
      radial-gradient(circle at 50% 40%, rgba(25,37,65,0.38) 0%, transparent 85%),
      linear-gradient(to bottom right, #00e8eb, #00cedd, #009dbf) !important;
    background-attachment: scroll !important;
  }
}