/* =========================================================================
   Re-volta v3 – pomoc i kontakt (szablony pomoc/rv3/*). Treść z lewej, kafelki (kontakt, forum, regulaminy)
   z prawej; na telefonie kafelki pod treścią. Pytania pomocy – <details> bez JS.
   ========================================================================= */

.rv3-pomoc__bok {
  display: flex;
  flex-direction: column;
  gap: var(--rv3-space-7);
}
.rv3-pomoc__komunikat {
  margin-bottom: var(--rv3-space-8);
}

/* Działy i pytania */
.rv3-pomoc__dzial {
  display: flex;
  align-items: center;
  gap: var(--rv3-space-4);
  margin: 0 0 var(--rv3-space-6);
}
.rv3-pomoc__dzial i {
  font-size: 18px;
  color: var(--rv3-accent-ink);
}
.rv3-pomoc__pytania {
  display: flex;
  flex-direction: column;
  gap: var(--rv3-space-4);
}
.rv3-pomoc-pytanie {
  border: 1px solid var(--rv3-border-card);
  border-radius: var(--rv3-radius-lg);
  background: var(--rv3-surface);
  transition: border-color var(--rv3-transition);
}
.rv3-pomoc-pytanie[open] {
  border-color: var(--rv3-accent-ink);
}
.rv3-pomoc-pytanie summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--rv3-space-5);
  padding: var(--rv3-space-6) var(--rv3-space-7);
  font-size: var(--rv3-fs-md);
  font-weight: var(--rv3-fw-bold);
  line-height: var(--rv3-lh-tight);
  color: var(--rv3-text);
  cursor: pointer;
  list-style: none;
  border-radius: inherit;
}
.rv3-pomoc-pytanie summary::-webkit-details-marker {
  display: none;
}
.rv3-pomoc-pytanie summary::after {
  content: "\f078"; /* fa-chevron-down */
  flex: none;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 12px;
  color: var(--rv3-subtle);
  transition: transform var(--rv3-transition);
}
.rv3-pomoc-pytanie[open] summary::after {
  transform: rotate(180deg);
  color: var(--rv3-accent-ink);
}
.rv3-pomoc-pytanie summary:hover {
  color: var(--rv3-accent-ink);
}
.rv3-pomoc-pytanie summary:focus-visible {
  outline: 2px solid var(--rv3-accent-ink);
  outline-offset: 2px;
}
.rv3-pomoc-pytanie p {
  margin: 0;
  padding: 0 var(--rv3-space-7) var(--rv3-space-5);
  max-width: 760px;
  font-size: var(--rv3-fs-base);
  line-height: var(--rv3-lh-body);
  color: var(--rv3-text-2);
}
.rv3-pomoc-pytanie p:last-child {
  padding-bottom: var(--rv3-space-7);
}

/* Kafelki z boku */
.rv3-pomoc-kafel {
  display: flex;
  flex-direction: column;
  gap: var(--rv3-space-4);
}
.rv3-pomoc-kafel__ikona {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--rv3-accent-soft);
  color: var(--rv3-accent-ink);
  font-size: 16px;
}
.rv3-pomoc-kafel .rv3-h3 {
  margin: 0;
}
.rv3-pomoc-kafel p {
  margin: 0;
  font-size: var(--rv3-fs-sm);
  line-height: var(--rv3-lh-body);
  color: var(--rv3-text-2);
}
.rv3-pomoc-kafel__linki {
  display: flex;
  flex-direction: column;
  gap: var(--rv3-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--rv3-fs-base);
}

/* Formularz kontaktu */
.rv3-pomoc-formularz {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--rv3-space-8);
  max-width: 760px;
  margin: 0;
}
.rv3-pomoc-formularz .rv3-textarea {
  min-height: 200px;
}
.rv3-pomoc-formularz .rv3-field__hint {
  margin: 0;
}
.rv3-pomoc-formularz .rv3-input {
  max-width: 420px;
}
/* Pułapka na boty – poza ekranem, nie display:none (część botów to sprawdza) */
.rv3-pomoc-formularz__pulapka {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ---------- Regulaminy: lista ---------- */
.rv3-pomoc-regulaminy {
  display: flex;
  flex-direction: column;
  gap: var(--rv3-space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}
.rv3-pomoc-regulamin {
  display: flex;
  align-items: center;
  gap: var(--rv3-space-7);
  padding: var(--rv3-space-7) var(--rv3-space-8);
  border: 1px solid var(--rv3-border-card);
  border-radius: var(--rv3-radius-xl);
  background: var(--rv3-surface);
  box-shadow: var(--rv3-shadow-card);
  color: var(--rv3-text);
  text-decoration: none;
  transition: border-color var(--rv3-transition), background var(--rv3-transition);
}
.rv3-pomoc-regulamin:hover {
  border-color: var(--rv3-accent-ink);
  background: var(--rv3-accent-soft);
}
.rv3-pomoc-regulamin .rv3-pomoc-kafel__ikona {
  flex: none;
}
.rv3-pomoc-regulamin__tresc {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.rv3-pomoc-regulamin__tresc strong {
  font-size: var(--rv3-fs-md);
}
.rv3-pomoc-regulamin__tresc span {
  font-size: var(--rv3-fs-sm);
  line-height: var(--rv3-lh-body);
  color: var(--rv3-muted);
}
.rv3-pomoc-regulamin__strzalka {
  flex: none;
  font-size: 13px;
  color: var(--rv3-faint);
}
.rv3-pomoc-regulamin:hover .rv3-pomoc-regulamin__strzalka {
  color: var(--rv3-accent-ink);
}

/* ---------- Regulamin: treść z bazy (b – nagłówki paragrafów, ol/li, br) ---------- */
.rv3-pomoc__powrot {
  display: inline-flex;
  align-items: center;
  gap: var(--rv3-space-2);
  margin-bottom: var(--rv3-space-5);
  color: var(--rv3-link);
  font-size: var(--rv3-fs-sm);
  font-weight: var(--rv3-fw-semibold);
  text-decoration: none;
}
.rv3-pomoc__powrot:hover {
  color: var(--rv3-link-hover);
}
.rv3-pomoc-dokument {
  max-width: var(--rv3-text-max);
  padding: var(--rv3-space-10) var(--rv3-space-11);
  font-size: var(--rv3-fs-base);
  line-height: var(--rv3-lh-relaxed);
  color: var(--rv3-text-2);
  overflow-wrap: anywhere;
}
/* Tytuł na początku treści (b z dużą czcionką) – jest już w nagłówku strony */
.rv3-pomoc-dokument > b:first-child {
  display: block;
  margin-bottom: var(--rv3-space-4);
  font-size: var(--rv3-fs-xl) !important;
  line-height: var(--rv3-lh-tight);
  color: var(--rv3-text);
}
.rv3-pomoc-dokument b,
.rv3-pomoc-dokument strong {
  color: var(--rv3-text);
}
.rv3-pomoc-dokument ol,
.rv3-pomoc-dokument ul {
  margin: var(--rv3-space-3) 0 var(--rv3-space-7);
  padding-left: 28px;
}
.rv3-pomoc-dokument li {
  margin-bottom: var(--rv3-space-3);
  padding-left: var(--rv3-space-2);
}
.rv3-pomoc-dokument li::marker {
  color: var(--rv3-muted);
  font-weight: var(--rv3-fw-semibold);
}
.rv3-pomoc-dokument a {
  color: var(--rv3-link);
}
.rv3-pomoc-dokument p {
  margin: 0 0 var(--rv3-space-5);
}
.rv3-pomoc-dokument__stopka {
  margin: var(--rv3-space-9) 0 0 !important;
  padding-top: var(--rv3-space-6);
  border-top: 1px solid var(--rv3-divider);
  font-size: var(--rv3-fs-sm);
  color: var(--rv3-muted);
}

/* Spis regulaminów z boku */
.rv3-pomoc-spis .rv3-h3 {
  margin: 0 0 var(--rv3-space-4);
}
.rv3-pomoc-spis ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rv3-pomoc-spis a {
  display: flex;
  align-items: center;
  gap: var(--rv3-space-4);
  padding: var(--rv3-space-3) var(--rv3-space-4);
  margin: 0 calc(-1 * var(--rv3-space-4));
  border-radius: var(--rv3-radius-md);
  color: var(--rv3-text);
  font-size: var(--rv3-fs-sm);
  text-decoration: none;
}
.rv3-pomoc-spis a i {
  width: 16px;
  text-align: center;
  color: var(--rv3-subtle);
}
.rv3-pomoc-spis a:hover {
  background: var(--rv3-accent-soft);
}
.rv3-pomoc-spis a[aria-current] {
  background: var(--rv3-accent-soft);
  color: var(--rv3-accent-ink);
  font-weight: var(--rv3-fw-bold);
}
.rv3-pomoc-spis a[aria-current] i {
  color: var(--rv3-accent-ink);
}

@media (max-width: 640px) {
  .rv3-pomoc-dokument {
    padding: var(--rv3-space-7) var(--rv3-space-6);
  }
  .rv3-pomoc-dokument ol,
  .rv3-pomoc-dokument ul {
    padding-left: 22px;
  }
  .rv3-pomoc-regulamin {
    gap: var(--rv3-space-5);
    padding: var(--rv3-space-6);
  }
  .rv3-pomoc-pytanie summary {
    padding: var(--rv3-space-5) var(--rv3-space-6);
    font-size: var(--rv3-fs-base);
  }
  .rv3-pomoc-pytanie p {
    padding-left: var(--rv3-space-6);
    padding-right: var(--rv3-space-6);
  }
  .rv3-pomoc-formularz .rv3-btn {
    width: 100%;
    justify-content: center;
  }
}