/* Daka Media Bludit-Theme — Overrides für PHP-spezifische Teile.
   Das Haupt-Stylesheet (styles.css) wird unverändert mitgeliefert.
   Hier nur Anpassungen, die nötig sind, weil wir kein React mehr haben:
   - Service-Grid statt horizontaler Pin-Scroll
   - Pricing-Tabs ohne JSX-State
   - Blog-Liste auf Single-Page-Routen
*/

/* Pricing-Switcher: hidden-Attribut für inaktive Gruppe respektieren */
.pricing[hidden] { display: none !important; }
.psub { font-size: 13px; color: var(--ink-3); font-family: var(--sans); }
.plan-flag { position: absolute; top: 20px; right: 24px; font-size: 10px; letter-spacing: 0.08em; }

/* Reviews: hidden Karten via Attribut */
.testi-card[hidden] { display: none !important; }

/* Nav-CTA */
.nav-links .nav-cta {
  background: var(--accent);
  color: var(--accent-ink);
  padding: 6px 12px;
  border-radius: 4px;
  font-family: var(--mono);
}
.nav-links .nav-cta:hover { background: color-mix(in srgb, var(--accent) 80%, #000); }

/* Blog list and page-content rules now live in legal.css, which is
   loaded after this file on legal/blog routes. Keeping shared overrides
   here would be redundant or fight with .post--hero/.post--card padding. */


/* ============ Scroll-Reveals (vom theme.js) ============ */
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 600ms cubic-bezier(0.2, 0.7, 0.2, 1),
              transform 600ms cubic-bezier(0.2, 0.7, 0.2, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}
.reveal.is-in {
  opacity: 1;
  transform: none;
}
/* Sections: weniger Bewegung, weil sie groß sind */
section.section.reveal { transform: translateY(8px); }

/* Reduced-motion: einfach sichtbar */
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}