/* info.dhit.pl - strona opinii. Klasy wymienione w zasady/DESIGN.md §5. */
.strona-opinie {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #32325d;
  background: #fff;
  line-height: 1.55;
}
.strona-opinie a { color: #1f5fbf; }
.strona-opinie a:focus-visible,
.strona-opinie button:focus-visible,
.strona-opinie input:focus-visible,
.strona-opinie textarea:focus-visible {
  outline: 3px solid #1f5fbf;
  outline-offset: 2px;
}

.do-tresci {
  position: absolute;
  left: -9999px;
  top: 0;
  background: #fff;
  padding: 12px 16px;
  z-index: 100;
}
.do-tresci:focus { left: 8px; top: 8px; }

.przelacznik { position: absolute; top: 14px; right: max(15px, calc((100% - 1140px) / 2 + 15px)); display: flex; gap: 2px; padding: 3px; background: #fff; border-radius: 999px; box-shadow: 0 2px 8px rgba(31, 58, 109, .25); line-height: 1.5; }
.przelacznik__jezyk { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 12px; border-radius: 999px; color: #1f3a6d !important; font-weight: 600; text-decoration: none; }
.przelacznik__jezyk:hover { background: #e8eef8; }
.przelacznik__jezyk--aktywny, .przelacznik__jezyk--aktywny:hover { background: #1f3a6d; color: #fff !important; }
.przelacznik__jezyk:focus-visible { outline-color: #1f3a6d; }
@media (max-width: 575.98px) { .przelacznik { top: 6px; } .przelacznik__jezyk { min-height: 40px; min-width: 40px; padding: 0 8px; } }

.opinie { padding: 32px 0 8px; }
.opinie__tytul { font-size: 1.75rem; font-weight: 700; margin-bottom: 8px; }
.opinie__wstep { font-size: 1.05rem; margin-bottom: 24px; max-width: 46rem; }
.opinie__karta {
  height: 100%;
  background: #f6f9fc;
  border: 1px solid #dde5ee;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
}
.opinie__firma { font-size: 1.25rem; font-weight: 700; margin-bottom: 4px; }
.opinie__opis { min-height: 3.2em; margin-bottom: 16px; }
.opinie__przycisk { display: block; min-height: 52px; font-weight: 700; }
.opinie__qr { margin: 16px 0 0; }
.opinie__qr img { display: block; margin: 0 auto 4px; width: 132px; height: 132px; }
.opinie__qr figcaption { font-size: .85rem; color: #525f7f; }

.kroki { padding: 8px 0 24px; }
.kroki__tytul { font-size: 1.25rem; font-weight: 700; }
.kroki__lista { padding-left: 1.25rem; margin-bottom: 8px; }
.kroki__lista li { margin-bottom: 4px; }
.kroki__nota { font-size: .85rem; color: #525f7f; }

.blok { padding: 24px 0; border-top: 1px solid #e9ecef; }
.blok__tytul { font-size: 1.25rem; font-weight: 700; }
.blok__nota { color: #525f7f; font-size: .9rem; }
.mapa { width: 100%; height: 320px; border: 0; }

.kontakt .form-control { min-height: 48px; }
.kontakt label { font-weight: 600; }
.kontakt__pref { border: 0; padding: 0; }
.kontakt__pref legend { font-size: 1rem; font-weight: 600; }
.kontakt__opcja { display: inline-flex; align-items: center; gap: 6px; margin-right: 16px; min-height: 44px; font-weight: 400 !important; }
.kontakt__status { margin-top: 12px; min-height: 1.5em; font-weight: 600; }
.kontakt__status--ok { color: #0b6b3a; }
.kontakt__status--blad { color: #b3261e; }
.kontakt .is-invalid { border-color: #b3261e; }

.ukryte { position: absolute; left: -9999px; height: 0; overflow: hidden; }

.stopka { background: #f6f9fc; border-top: 1px solid #dde5ee; padding: 24px 0 12px; font-size: .95rem; }
.stopka__etykieta { font-weight: 600; }
.stopka__link { display: inline-block; margin: 0 10px 4px 0; min-height: 28px; }
.stopka__fb { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }
.stopka__prawa { margin: 12px 0 0; color: #525f7f; font-size: .85rem; }

@media (max-width: 575.98px) {
  .opinie__tytul { font-size: 1.5rem; }
}

.baner { position: relative; background: #f6f9fc; line-height: 0; min-height: 60px; }
.baner__obraz { display: block; max-width: 100%; height: auto; margin: 0 auto; }

/* Przyciski: granat marki, bialy tekst (link w .strona-opinie nie nadpisuje koloru przycisku). */
.strona-opinie .btn-primary,
.strona-opinie a.btn-primary {
  background: #1f3a6d;
  border-color: #1f3a6d;
  color: #fff;
  box-shadow: 0 4px 6px rgba(31, 58, 109, .18);
}
.strona-opinie .btn-primary:hover,
.strona-opinie a.btn-primary:hover {
  background: #16294f;
  border-color: #16294f;
  color: #fff;
}
.strona-opinie .btn-primary:focus-visible,
.strona-opinie a.btn-primary:focus-visible {
  background: #16294f;
  color: #fff;
  outline: 3px solid #1f5fbf;
  outline-offset: 2px;
}
.strona-opinie .btn-primary:disabled {
  background: #5f6f94;
  border-color: #5f6f94;
  color: #fff;
}
.stopka__adres { font-style: normal; margin: 0; }

.faq__pozycja { border: 1px solid #dde5ee; border-radius: 8px; margin-bottom: 8px; background: #fff; }
.faq__pytanie { cursor: pointer; padding: 12px 16px; min-height: 48px; font-weight: 600; list-style-position: inside; }
.faq__pytanie:focus-visible { outline: 3px solid #1f5fbf; outline-offset: 2px; }
.faq__pozycja[open] .faq__pytanie { border-bottom: 1px solid #e9ecef; }
.faq__odpowiedz { margin: 0; padding: 12px 16px; }