/* Additions to base.css for this site. Same look as stratospk.hu. */
:root { --accent: #1f7a8c; }
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 80px; }

section#hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: calc(100vh - 120px);
  padding: 130px 0 60px;
  background-position: center;
  background-size: cover;
}
/* Keeps the white menu readable over bright photos. */
section#hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 220px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));
  pointer-events: none;
}
section#hero > .container { position: relative; }
section#hero .hero-panel { max-width: 720px; }
section#hero .hero-logo { height: 56px; width: auto; max-width: 100%; }

section.photo-band { background-position: center; background-size: cover; background-attachment: fixed; }
@media (max-width: 991.98px) { section.photo-band { background-attachment: scroll; } }

a.text-link { color: var(--accent); font-weight: 700; }
a.text-link:hover { color: var(--accent) !important; text-decoration: underline !important; }
.card-logo { height: 46px; width: auto; max-width: 100%; }

.service-step { border-radius: 6px !important; }
.accordion a { color: var(--accent); }
.accordion a:hover { color: var(--accent) !important; text-decoration: underline !important; }
footer .border-left { border-color: rgba(255, 255, 255, 0.5) !important; }

#contact .form-control, #contact select { border-radius: 4px; }
.contact-form .company-option { display: block; background: rgba(255, 255, 255, 0.85); border-radius: 6px; padding: 10px 12px 10px 34px; position: relative; cursor: pointer; height: 100%; }
.contact-form .company-option input { position: absolute; left: 12px; top: 14px; }
.contact-form .company-option small { display: block; }
.contact-form .hp { position: absolute; left: -9999px; }
.hp { position: absolute; left: -9999px; }

.complaint-form fieldset { margin-bottom: 1.5rem; }
.complaint-form legend { font-size: 1rem; font-weight: 800; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { transform: none !important; opacity: 1 !important; transition: none !important; }
}