:root {
  --primary-color: #0d6efd;
  --card-bg: #ffffff;
  --card-shadow: rgba(0, 0, 0, 0.05);
}

/* Kártyák */
.contact-card {
  background: var(--card-bg);
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 0.5rem 1rem var(--card-shadow);
  transition: transform 0.2s, box-shadow 0.2s;
}
.contact-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 1rem 1.5rem var(--card-shadow);
}
.contact-card .icon {
  font-size: 2rem;
  color: var(--primary-color);
}
.contact-card .card-title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.contact-card .card-text a {
  color: var(--primary-color);
  text-decoration: none;
}
.contact-card .card-text a:hover {
  text-decoration: underline;
}

/* Üzenetküldő űrlap */
.contact-form {
  background: var(--card-bg);
  border-radius: 0.75rem;
  box-shadow: 0 0.5rem 1rem var(--card-shadow);
  padding: 2rem;
}
.contact-form .form-floating .form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0.25rem 0.5rem var(--card-shadow);
}
.contact-form button {
  width: 100%;
  padding: 0.75rem;
  font-weight: 600;
  border: none;
  border-radius: 0.5rem;
  background: var(--primary-color);
  transition: filter 0.2s;
}
.contact-form button:hover {
  filter: brightness(1.1);
}

/* Checkbox warning */
  .form-check-input.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }