/* ===== ematch theme – custom.css (survey 517283) ===== */

/* --- strona listy ankiet (fallback, normalnie przekierowana) --- */
#surveys-list-jumbotron svg.ls-logo { display: none; }
#surveys-list-jumbotron::before {
  content: ""; display: block; height: 72px; margin: 24px auto 8px; max-width: 760px;
  background: url(/upload/themes/survey/generalfiles/logo-fepz.png) no-repeat center / contain;
}
#surveyListFooter { display: none; }

/* --- nagłówek / logo --- */
.navbar-brand img, #logo-container img { max-height: 70px; width: auto; }
.navbar-brand.logo-container { max-width: 100%; width: auto; white-space: normal; margin: 0; }
.logo-container img.logo { max-width: 100%; width: auto; height: auto; max-height: 64px; }

/* --- typografia (bez dzielenia wyrazów w całej ankiecie) --- */
body, body * { hyphens: manual !important; -webkit-hyphens: manual !important; }
.survey-name { hyphens: none; -webkit-hyphens: none; font-size: 2rem; line-height: 1.2; }
.ls-description, .survey-description { font-size: .95rem; color: #555; }
.question-text, .question-text *, .ls-questionhelp, .answer-container label,
.ls-answers .answertext, .ls-answers .answer-text, .answers-list label {
  hyphens: none !important; -webkit-hyphens: none !important;
}

/* --- mniej szumu: gwiazdka „wymagane” i podpowiedzi walidacyjne, gdy wszystko jest OK --- */
.asterisk { display: none !important; }
.ls-em-tip.ls-em-success { display: none !important; }
.question-valid-container:not(:has(.ls-em-tip:not(.ls-em-success))) { display: none; }
/* komunikat walidacji przed próbą przejścia dalej – neutralny, nie czerwony (błąd i tak pokazuje okno po kliknięciu „Dalej”) */
.ls-em-tip.ls-em-error { color: #555 !important; }
.question-container.input-error .form-control { box-shadow: none !important; }

/* --- skala 1–5 (E4) w jednym wierszu --- */
.choice-5-pt-radio .answers-list { display: flex !important; flex-direction: row !important; flex-wrap: wrap; gap: 0 1.5rem; }
.choice-5-pt-radio .answer-item { width: auto !important; flex: 0 0 auto; margin: 0 0 .5rem 0 !important; }

/* ===== MOBILE ===== */
@media (max-width: 767px) {
  /* nagłówek: menu „…” w jednym wierszu z logo, logo dwurzędowe */
  .navbar .container-fluid { position: relative; }
  .navbar .dropdown.ms-auto { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); }
  .navbar-brand.logo-container { padding-right: 0; }
  .logo-container img.logo {
    content: url(/upload/themes/survey/ematch/files/logo-fepz-mobile.png);
    max-height: none; width: 100%;
  }

  /* tabele (array) – ukryj wiersz nagłówka powtarzany nad układem pionowym */
  table.ls-answers thead { display: none !important; }
  .question-container .answer-container { padding-top: 0; }
  table.ls-answers.table-array-radio tbody tr { margin-bottom: .5rem; }

  /* listy rozwijane na całą szerokość */
  .answer-item .col-auto:has(> select.list-question-select) { flex: 1 1 100%; max-width: 100%; }
  select.list-question-select { width: 100%; }

  /* zwarte odstępy między opcjami i pytaniami */
  .answer-item.radio-item, .answer-item.checkbox-item { margin-bottom: 8px !important; }
  .question-container { margin-bottom: 8px !important; padding: 6px 0 !important; }
  .question-container + .question-container { border-top: 1px solid #e5e5e5; padding-top: 12px !important; }
  .ls-question-help, .question-help-container { margin-bottom: .25rem; }
}

@media (max-width: 576px) {
  .survey-name { font-size: 1.3rem; line-height: 1.3; }
  .question-text, .ls-label-question { font-size: 1.05rem; }
  body { font-size: .95rem; }
}