/* ====== Red vožnje – stranični stil (nadovezuje se na styles.css) ====== */

.hero--flat {
  position: relative;
  min-height: 36vh;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.hero--flat .hero__bg {
  position: absolute; inset: 0;
  background: url('slike/redvoznje5.png') center/cover no-repeat;
  filter: brightness(.7);
}
.hero--flat .hero__content {
  position: relative; z-index: 1; color: #fff; text-align: center;
}
.hero--flat h1 {
  font-family: Sora, Inter, system-ui; font-size: clamp(28px, 4vw, 48px);
  margin: 0 0 8px;
}
.hero--flat p { margin: 0; opacity: .95 }

/* Sekcija dugmadi za linije */
.lines { padding: 28px 0 8px; background:#fff }
.section-title {
  font-family: Sora, Inter; font-size: 28px; color: var(--blue-900);
  text-align: center; margin: 0 0 18px;
}
.lines__buttons {
  display: grid; gap: 12px; grid-template-columns: repeat(4,1fr);
}
.lines__buttons .btn { width: 100% }

/* Tabele */
.tables { padding: 8px 0 48px; background: #fff }
.table-container { display: none; margin: 18px 0 28px }
.rv-table {
  width: 100%; border-collapse: collapse; background: #fff;
  border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow);
}
.rv-table th, .rv-table td {
  padding: 12px 14px; text-align: center;
  border-bottom: 1px solid #eef1f8;
}
.rv-table thead th {
  background: var(--blue-900); color: #fff; font-size: 15px;
}
.rv-table thead tr:first-child th {
  background: linear-gradient(90deg, var(--burgundy), var(--blue-900));
  font-size: 16px;
}
.rv-table tbody tr:nth-child(even) td { background: #f9fbff }
.time-container, .destination-container {
  display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;
}
.time-container > div, .destination-container > div {
  padding: 6px 10px; border-radius: 10px; background: #e9f0ff; font-weight: 600;
}

/* Responsivnost */
@media (max-width: 1024px) {
  .lines__buttons { grid-template-columns: repeat(3,1fr) }
}
@media (max-width: 720px) {
  .hero--flat { min-height: 30vh }
  .lines__buttons { grid-template-columns: 1fr 1fr }
  .rv-table th, .rv-table td { padding: 10px }
  .time-container > div, .destination-container > div { padding: 6px 8px }
}

/* A11y i reduced motion – nasleđuje iz styles.css; dodatno: */
@media (prefers-reduced-motion: reduce) {
  .hero--flat .hero__bg { filter: brightness(.75) } /* bez animacija */
}