.hidden-field {
  display: none;
}

.file-input {
  width: 100%;
  padding: 14px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(44, 108, 155, 0.28);
  background: rgba(255, 255, 255, 0.96);
  color: var(--color-navy);
  cursor: pointer;
}

.file-help {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.62);
  line-height: 1.5;
}

.thank-you-btn {
  margin-top: 26px;
}

/* Väčší priestor na písanie správy vo formulári */
.contact-form textarea,
.contact-form #sprava {
  min-height: 220px;
  resize: vertical;
  line-height: 1.6;
}

/* Nech pole na správu pôsobí ako hlavná časť formulára */
.contact-form .form-group:has(#sprava) {
  margin-top: 4px;
}

@media (max-width: 720px) {
  .contact-form textarea,
  .contact-form #sprava {
    min-height: 180px;
  }
}

/* Zarovnanie ľavého kontakt panelu a pravého nábor/form panelu */
.contact-grid {
  align-items: stretch;
}

.contact-panel,
.contact-form-panel {
  height: 100%;
}

/* Nech mapa v ľavom paneli vyplní zvyšný priestor a panely pôsobia rovnako vysoké */
.contact-panel {
  display: flex;
  flex-direction: column;
}

.contact-panel .map-card {
  flex: 1;
  min-height: 230px;
}

.contact-panel .map-card iframe {
  height: 100%;
  min-height: 230px;
}

/* Pravý panel ostane kompaktný, ale zarovnaný zhora s kontaktom */
.contact-form-panel {
  display: flex;
  flex-direction: column;
}

/* Väčší priestor na písanie správy */
.contact-form textarea,
.contact-form #sprava {
  min-height: 220px;
  resize: vertical;
  line-height: 1.6;
}

@media (max-width: 900px) {
  .contact-panel,
  .contact-form-panel {
    height: auto;
  }

  .contact-panel .map-card,
  .contact-panel .map-card iframe {
    min-height: 260px;
  }
}

@media (max-width: 720px) {
  .contact-form textarea,
  .contact-form #sprava {
    min-height: 180px;
  }
}