/* Mobile Optimierung — WebMenü Catering */
@media (max-width: 767px) {
  /* Kompaktere Sections */
  .py-16 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
  .py-20 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .mb-12 { margin-bottom: 2rem !important; }
  .mb-16 { margin-bottom: 2.5rem !important; }
  .gap-12 { gap: 2rem !important; }
  .gap-8 { gap: 1.5rem !important; }

  /* Testimonial-Karten: weniger Padding */
  .testimonial-card, [class*="hover:shadow-lg"] {
    padding: 1rem !important;
  }

  /* Warum-Kunden / Feature-Karten: Text auf 3 Zeilen kürzen */
  .feature-clamp p, .warum-grid p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Feature Accordion: compact on mobile */
  .feature-accordion {
    display: flex !important;
    flex-direction: column;
    gap: 0.5rem !important;
  }
  .feature-accordion details summary h3 {
    font-size: 1rem !important;
  }

  /* Testimonial Carousel on Mobile */
  .testimonial-carousel {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 1rem !important;
    padding-bottom: 1rem;
    scrollbar-width: none;
  }
  .testimonial-carousel::-webkit-scrollbar {
    display: none;
  }
  .testimonial-carousel > div {
    flex: 0 0 85%;
    min-width: 0;
    scroll-snap-align: center;
  }

  /* Stats-Balken kompakter auf Mobile */
  .stat-number, [class*="text-3xl"][class*="font-bold"],
  [class*="text-4xl"][class*="font-bold"] {
    font-size: 1.5rem !important;
  }
}

/* Desktop: hide details marker, content always visible */
@media (min-width: 768px) {
  .feature-accordion details summary {
    list-style: none;
    cursor: default;
  }
  .feature-accordion details summary::-webkit-details-marker {
    display: none;
  }
}