/* =========================================================
   TWINS TAXI – custom.css (minimal)
   - Tailwind řeší většinu stylů, tady jen drobné detaily
   ========================================================= */

/* Lepší default typografie + scroll */
html {
  scroll-behavior: smooth;
  /* offset pro fixed navbar při skoku na kotvy (spolehlivé pro celý dokument) */
  scroll-padding-top: var(--nav-offset, 112px);
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Lepší focus pro klávesnici */
:focus-visible {
  outline: 3px solid rgba(250, 204, 21, 0.75); /* yellow-400 */
  outline-offset: 3px;
  border-radius: 12px;
}

/* Klikatelné summary bez šílených default šipek */
summary::-webkit-details-marker {
  display: none;
}

/* Jemné zvýraznění selection */
::selection {
  background: rgba(250, 204, 21, 0.35);
}

/* AOS: pokud uživatel nechce animace, vypni je */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [data-aos] {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

/* Dark: lepší konzistence se třídou .dark (ne jen systém) */
.dark {
  color-scheme: dark;
}

/* Utility: když někde použiješ .no-tap-highlight */
.no-tap-highlight {
  -webkit-tap-highlight-color: transparent;
}

/* =========================================================
   Anchor offset (fixed navbar)
   ========================================================= */

/* default offset (mobil) */
:root { --nav-offset: 112px; }

/* větší hlavička na md+ */
@media (min-width: 768px) {
  :root { --nav-offset: 128px; }
}

/* Fallback pro prohlížeče / edge-case elementy */
section[id], details[id] {
  scroll-margin-top: var(--nav-offset);
}

/* Mikro hover lift (jen pokud je použit data-card-hover) */
.tw-hover-lift {
  transform: translateY(-2px);
  transition: transform 150ms ease;
}