/* ---------------------------------------
   KONTAKT - PODSTRÁNKOVÝ CSS
--------------------------------------- */
.contact-columns .columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-bottom: 32px;
}

.contact-columns a {
    color:#0f172a;
    text-decoration: none;
    transition: all 200ms ease;
}

.contact-columns a:hover {
    text-decoration: underline;
    transition: all 200ms ease;
}

@media (prefers-color-scheme: dark) {
    .contact-columns a {
        color: #e6eef8;
    }
}

.contact-left,
.contact-right {
  display: flex;
  flex-direction: column;
}


@media (max-width: 768px) {
  .contact-columns .columns {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.map-container {
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.map-container iframe {
  width: 100%;
  height: 400px;
  border: 0;
}