/* Eventuell – Gancio 2.0.0-beta.8
   Behutsame Verfeinerung des vorhandenen Dark-Themes.
   Einfügen unter Admin > Theme > Custom CSS.
   Keine Änderungen an Gancio-Quelldateien nötig.
*/

:root {
  --eventuell-rot: #eb6656;
  --eventuell-rot-hell: #ffa17a;
  --eventuell-linie: rgba(255, 255, 255, 0.13);
}

/* Ruhiger, klar getrennter Kopf- und Fußbereich. */
.v-theme--dark #AppBar {
  background-color: rgba(9, 9, 11, 0.96);
  border-bottom: 1px solid var(--eventuell-linie);
}

.v-theme--dark #footer {
  background-color: #19191b;
  border-top: 1px solid var(--eventuell-linie);
}

#footer a {
  text-underline-offset: 0.2em;
}

/* Suchfeld: etwas weicher, mit erkennbarem Tastatur-Fokus. */
.v-input:has(#main-search) .v-field {
  border-radius: 12px;
  transition: box-shadow 160ms ease;
}

.v-input:has(#main-search):focus-within .v-field {
  box-shadow: 0 0 0 2px rgba(235, 102, 86, 0.75);
}

/* Veranstaltungskarten: einheitliche Kontur statt schwerer Schatten. */
.event {
  overflow: hidden;
  border: 1px solid var(--eventuell-linie);
  border-radius: 14px;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.v-theme--dark .event {
  background-color: rgba(25, 25, 28, 0.94);
}

.event:hover,
.event:focus-within {
  border-color: rgba(235, 102, 86, 0.7);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

/* Bildflächen in den Terminkarten einheitlich dimensionieren. */
.event .img > img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* Kleine Bildschirme: keine unnötigen Animationen oder Rundungen. */
@media (max-width: 600px) {
  .event {
    border-radius: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .event,
  .v-input:has(#main-search) .v-field {
    transition: none;
  }
}

/** no custom.css file **/