* {
  -webkit-user-select: none; /* Voorkom tekstselectie op Safari en Chrome */
  -moz-user-select: none;    /* Voorkom tekstselectie op Firefox */
  -ms-user-select: none;     /* Voorkom tekstselectie op Internet Explorer */
  user-select: none;         /* Voorkom tekstselectie */
  cursor: default;           /* Verander de cursor naar de standaardcursor */
}

   body {
      font-family: 'Roboto', sans-serif;
      background-color: #000;
      color: #ffffff;
    }
    .container {
      max-width: 650px;
      position: relative;
    }
    .logo {
      width: 300px;
      height: auto;
      display: block;
      margin: 0 auto;
    }
.fmscan {
 font-size: 0.9rem;
      color: #bbbbbb;

}
.chromecast-button {
  margin: 20px;
  text-align: center;
}

google-cast-launcher {
  width: 50px;
  height: 50px;
  cursor: pointer;
}
    h1 {
      font-size: 1.3rem;
      margin-bottom: 0.3rem;
      background: linear-gradient(to bottom, #f9c051, #ec7e2a);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .station-card {
      background-color: #1e1e1e;
      border: 1px solid #333;
      border-radius: 12px;
      padding: 1rem;
      margin-bottom: 1.2rem;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3);
      position: relative;
      overflow: hidden;
    }
    .play-button {
      width: 42px;
      height: 42px;
      font-size: 1.3rem;
      padding: 0;
    }
    .station-meta {
      font-size: 0.9rem;
      color: #bbbbbb;
    }
    .chromecast-button {
      position: absolute;
      top: 20px;
      right: 20px;
    }
    .equalizer {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0.05;
    }
    .equalizer-bar {
      width: 45px;
      height: 40%;
      background: #fff;
      margin: 0 4px;
      animation: equalize 1s infinite;
      border-radius: 2px;
    }
    .equalizer-bar:nth-child(2) {
      animation-delay: 0.2s;
    }
    .equalizer-bar:nth-child(3) {
      animation-delay: 0.4s;
    }
    @keyframes equalize {
      0% { transform: scaleY(0.6); }
      50% { transform: scaleY(1); }
      100% { transform: scaleY(0.6); }
    }
    a.whatsapp-link {
      color: #bbb;
      text-decoration: none;
    }