/* Senko Reinigungs- und Gebäudeservice — custom styles, on top of Tailwind CDN.
   Klein gehalten: Tailwind erledigt 95 %, hier nur was Tailwind nicht direkt kann. */

html { scroll-behavior: smooth; }

/* Bullet-Punkt vor Leistungs-Items, etwas markanter als list-disc. */
.dot {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.55rem;
  border-radius: 9999px;
  background: linear-gradient(135deg, #2dd4bf, #0f766e);
  flex-shrink: 0;
}

/* Akkordeon: offener Zustand → Chevron rotiert.
   `group-data-[open]:rotate-180` in Tailwind funktioniert nur, wenn
   das Eltern-Element `data-open` als Attribut hat. Setzen wir per JS. */
.service-card[data-open] .chevron { transform: rotate(180deg); }

/* Smooth open/close (transition auf height ist tricky ohne max-height-Hack;
   wir nutzen Tailwinds `hidden`-Toggle und animieren das Erscheinen leicht). */
.service-body {
  animation: fadeSlide 220ms ease-out;
}
@keyframes fadeSlide {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Print-Optimierung: nur Header/Hero/Kontakt drucken, Hintergründe aus. */
@media print {
  header, footer, #ablauf, .service-toggle .chevron { display: none !important; }
  .bg-gradient-to-br, .bg-gradient-to-b { background: white !important; }
  body { background: white !important; color: #000 !important; }
}

/* Reduced motion respektieren */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .service-body { animation: none; }
}