/* ============================================================
   Evangelische Kirchengemeinde Haldern – Seite „Gottesdienste“
   Tabellen, Orts-Reiter und PDF-Download (seiten/gottesdienste.html)
   ============================================================ */

/* ── Gottesdienste ──────────────────────────────────────────*/
.gottesdienst-tabelle {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
  background: var(--farbe-karte);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--schatten);
}

.gottesdienst-tabelle th {
  background: var(--farbe-primaer);
  color: #fff;
  padding: 0.9rem 1.1rem;
  text-align: left;
  font-weight: 600;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.gottesdienst-tabelle td {
  padding: 0.85rem 1.1rem;
  border-bottom: 1px solid var(--farbe-border);
  vertical-align: top;
}

.gottesdienst-tabelle tr:last-child td { border-bottom: none; }

.gottesdienst-tabelle tr:nth-child(even) td {
  background: rgba(44, 95, 138, 0.04);
}

.gottesdienst-tabelle tr:hover td {
  background: rgba(200, 168, 75, 0.08);
}

@media (max-width: 768px) {
  .gottesdienst-tabelle th:nth-child(3),
  .gottesdienst-tabelle td:nth-child(3) { display: none; }
}

/* ── Gottesdienst-Tabs ───────────────────────────────────── */
.godi-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.godi-tab {
  font-family: var(--schrift-text);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 0.6rem 1.4rem;
  border: 2px solid var(--farbe-primaer);
  border-radius: 50px;
  background: transparent;
  color: var(--farbe-primaer);
  cursor: pointer;
  transition: background var(--transition), color var(--transition), border-color var(--transition);
}

.godi-tab:hover {
  background: var(--farbe-primaer);
  color: #fff;
}

.godi-tab.aktiv-tab {
  background: var(--farbe-primaer);
  color: #fff;
  border-color: var(--farbe-primaer);
}

.godi-tabpanel[hidden] { display: none; }

@media (max-width: 480px) {
  .godi-tab { font-size: 0.82rem; padding: 0.5rem 1rem; }
}

/* ── Download-Banner ────────────────────────────────────────*/
.download-banner {
  background: var(--farbe-karte);
  border: 2px dashed var(--farbe-akzent);
  border-radius: var(--radius-lg);
  padding: 2rem;
  text-align: center;
  margin: 1.5rem 0;
}

.download-banner p    { color: var(--farbe-text-weich); margin-bottom: 1rem; }
.download-banner .btn {
  display: inline-block;
  background: var(--farbe-akzent);
  color: #1a1a1a;
  padding: 0.65rem 1.75rem;
  border-radius: 50px;
  font-weight: 700;
  font-size: 0.9rem;
  transition: background var(--transition), transform var(--transition);
}
.download-banner .btn:hover {
  background: var(--farbe-akzent-h);
  color: #1a1a1a;
  transform: translateY(-2px);
}