/* =========================================================
   Responsive — media-query refinements
   Breakpoints (Tailwind-aligned):
     sm  ≥ 640
     md  ≥ 768
     lg  ≥ 1024
     xl  ≥ 1280
   ========================================================= */

/* Hamburger is ALWAYS visible. No desktop nav, no "Pridruži se" pill. */

/* lg — hero videos pick the right source via <source media> */
@media (min-width: 768px) {
  .hero__video--mobile { display: none; }
  .hero__video--tablet { display: block; }
}
@media (min-width: 1024px) {
  .hero__video--tablet { display: none; }
  .hero__video--desktop { display: block; }
}

/* Larger screens — slightly more breathing room */
@media (min-width: 1280px) {
  .container,
  .site-header__inner,
  .hero__content { padding-inline: 40px; }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .text-gradient-flag { animation: none; }
  .news-card:hover .news-card__media img,
  .inicijator-card:hover .inicijator-card__img { transform: none; }
}