/* effects.css – Kliska Parkettboden
   Nur leichte Effekte. Kein Theme, keine Layout-Regeln, keine Bootstrap-Overrides. */

.card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-hover:hover,
.card-hover:focus-within {
  transform: translateY(-4px);
  box-shadow: var(--bs-box-shadow);
}

.image-zoom {
  overflow: hidden;
}

.image-zoom img {
  transition: transform 0.35s ease;
}

.image-zoom:hover img {
  transform: scale(1.03);
}

.icon-link-hover {
  transition: opacity 0.15s ease;
}

.icon-link-hover:hover {
  opacity: 0.8;
}

/* Link-Lesbarkeit: das custom Bootstrap (#F6C12D giallo) hat zu wenig Kontrast
   auf weissem Hintergrund. Nur inhaltliche Links im <main> dunkler färben,
   nicht Buttons, Nav, Dropdown, Cards oder Footer. */
main a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.card):not([role="tab"]):not(.accordion-button) {
  color: var(--bs-dark);
  text-decoration: underline;
}
main a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.card):not([role="tab"]):not(.accordion-button):hover {
  color: var(--bs-primary);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}