/* Prihlášky: one form style for the whole site (the one from Novinky).
   Every rule sits under .prihlaska, so a page's own styles never clash. */

/* scroll-margin: the site's menu stays on top, so a jump to the form
   ("Prihlásiť sa") stops below it instead of hiding the heading */
.prihlaska { width: 88%; max-width: 760px; margin: 0 auto 80px; box-sizing: border-box; scroll-margin-top: 96px; }
.prihlaska h2 {
  font-family: 'Baloo 2', sans-serif; font-size: 2.2rem; line-height: 1.2; font-weight: 700;
  color: #6a1b9a; text-align: center; margin: 0 0 10px;
  /* some pages set their headings in capitals; the form's heading stays as written */
  text-transform: none; letter-spacing: normal;
}
.prihlaska .form-intro {
  font-family: 'Baloo 2', sans-serif; text-align: center; font-size: 1.1rem; line-height: 1.7;
  color: #3b1a52; margin: 0 auto 30px; max-width: 600px;
}
.prihlaska .signup-form {
  position: relative; background: #fff; border: 1px solid #ede0f8; border-radius: 20px;
  box-shadow: 0 6px 26px rgba(106, 27, 154, 0.09); padding: 36px 40px 40px; box-sizing: border-box;
}
.prihlaska .form-group { margin-bottom: 22px; text-align: left; }
.prihlaska .form-group label {
  display: block; font-family: 'Baloo 2', sans-serif; font-weight: 600; color: #6a1b9a;
  margin-bottom: 8px; font-size: 1rem;
}
.prihlaska .form-group input,
.prihlaska .form-group select,
.prihlaska .form-group textarea {
  width: 100%; box-sizing: border-box; font-family: 'Baloo 2', sans-serif; font-size: 1.05rem;
  color: #2d1b3d; padding: 13px 16px; border: 1.5px solid #d8b4f0; border-radius: 12px;
  background: #fff; transition: border-color 0.2s, box-shadow 0.2s;
}
.prihlaska .form-group input:focus,
.prihlaska .form-group select:focus,
.prihlaska .form-group textarea:focus {
  outline: none; border-color: #7b1fa2; box-shadow: 0 0 0 3px rgba(123, 31, 162, 0.12);
}
.prihlaska .form-group textarea { resize: vertical; min-height: 110px; }
.prihlaska .submit-btn {
  display: block; width: 100%; background: linear-gradient(135deg, #7b1fa2, #ab47bc); color: #fff;
  font-family: 'Baloo 2', sans-serif; font-size: 1.25rem; font-weight: bold; border: none;
  border-radius: 50px; padding: 16px; cursor: pointer; transition: all 0.3s ease;
  box-shadow: 0 8px 28px rgba(106, 27, 154, 0.30); letter-spacing: 0.02em; margin-top: 10px;
}
.prihlaska .submit-btn:hover {
  background: linear-gradient(135deg, #6a1b9a, #9c27b0); transform: scale(1.02);
  box-shadow: 0 12px 36px rgba(106, 27, 154, 0.42);
}
.prihlaska .submit-btn:disabled { cursor: progress; opacity: 0.8; transform: none; }
.prihlaska .form-privacy {
  font-family: 'Baloo 2', sans-serif; text-align: center; font-size: 0.9rem; color: #7a6489;
  margin: 18px 0 0; line-height: 1.5;
}
.prihlaska .form-privacy a { color: #6a1b9a; }
.prihlaska .form-error {
  font-family: 'Baloo 2', sans-serif; text-align: center; color: #b3261e; font-weight: 600; margin: 16px 0 0;
}
.prihlaska .form-success {
  font-family: 'Baloo 2', sans-serif; text-align: center; padding: 40px 0; font-size: 1.3rem;
  color: #6a1b9a; font-weight: 600;
}
.prihlaska .form-success span { display: block; font-size: 1rem; color: #666; font-weight: 400; }
/* the trap for spam bots: out of sight, out of the tab order */
.prihlaska .form-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 700px) {
  .prihlaska h2 { font-size: 1.85rem; }
  .prihlaska .signup-form { padding: 28px 22px 30px; }
}