/* ---------------------------------------------------------------------------
   Imkerei Bergfeld - Nachtraegliche Korrekturen.
   Wird nach index-*.css geladen und ueberschreibt gezielt zwei Stellen,
   ohne das Haupt-Stylesheet anzufassen.
   --------------------------------------------------------------------------- */

/* 1) "Route planen" im dunkelgruenen Kontaktbereich
      Der Button erbt aus der Button-Variante "outline" ein
      hover:text-accent-foreground (dunkelgruen). Auf dem dunkelgruenen
      Hintergrund wurde die Schrift beim Hover damit praktisch unsichtbar.
      Sie bleibt jetzt weiss, nur die Flaeche hellt beim Hover auf. */
a.text-white.hover\:bg-white\/10:hover,
a.text-white.hover\:bg-white\/10:focus-visible {
  color: #fff;
}

/* 2) Ergebniskarte des Honig-Finders
      Die linke Spalte ist md:col-span-4 breit (max. 341 px) und hat innen
      md:p-12 Polsterung. "Sommertracht" in 48 px braucht 272 px, verfuegbar
      waren nur 154-245 px - das Wort lief aus der Karte heraus und wurde vom
      overflow-hidden des Rasters abgeschnitten.
      Gegenmassnahme: Schriftgroesse waechst gleitend mit der Breite mit,
      die Polsterung wird im mittleren Bereich kleiner, und als Auffangnetz
      darf das Wort notfalls trennen statt abzuschneiden. */
div[style*="linear-gradient(150deg"] h3 {
  overflow-wrap: break-word;
  hyphens: auto;
}

/* Unterhalb von 768 px steht die Karte einspaltig, dort war immer genug
   Platz - die Schriftgroesse bleibt deshalb unveraendert wie im Original. */
@media (min-width: 768px) {
  div[style*="linear-gradient(150deg"] h3 {
    font-size: clamp(1.875rem, calc(0.59rem + 2.68vw), 2.625rem);
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  div[style*="linear-gradient(150deg"] {
    padding: 2rem;
  }
}
