/* =========================================================
   DRAFT „Nurty psychoterapii” — style dodatkowe
   Ładowane po style.css na wszystkich stronach (menu, etykiety
   na profilach) i na stronach nurtów.
   ========================================================= */

/* --- Menu: pozycja „Nurty psychoterapii” --- */
.nav__item--nurty .nav__sub { min-width: 290px; }
.nav__item--nurty .nav__sub a { white-space: nowrap; }
@media (min-width: 941px) and (max-width: 1100px) {
  .nav__long { display: none; }
  .nav__link { white-space: nowrap; }
  .nav { gap: 14px; }
  .nav__link { padding: 10px 10px; font-size: .88rem; }
  .nav__cta { padding: 11px 18px; }
}
@media (max-width: 940px) {
  /* na telefonie bez rozwiniętej listy — link prowadzi do strony zbiorczej */
  .nav__item--nurty .nav__sub { display: none; }
}

/* --- Linki w treści --- */
.nurt-page .prose p a, .nurt-page .prose li a, .nurt-link {
  color: var(--burgund); font-weight: 400;
  text-decoration: underline; text-decoration-color: rgba(103,60,79,.3);
  text-underline-offset: 3px; transition: text-decoration-color .2s;
}
.nurt-page .prose p a:hover, .nurt-page .prose li a:hover, .nurt-link:hover { text-decoration-color: var(--burgund); }
.nurt-page .prose .price-note a { font-weight: 700; }

/* --- Nagłówek strony nurtu: okręgi w tle pod tekstem (main.js, data-motif) --- */
.nurt-hero__grid { display: block; }
.nurt-hero__text .lead { max-width: 60ch; }
.nurt-hero h1 { max-width: 18ch; }

/* --- Lista nurtów (jak „Formy wsparcia” na stronie głównej) --- */
.nurt-list { margin-top: 8px; }
.nurt-list__who { display: block; margin-top: 8px; font-size: .86rem; color: var(--burgund-soft); }
.nurt-hub-list { padding-top: 0; }

/* --- FAQ --- */
.faq { display: grid; gap: 10px; }
.prose .faq { margin-top: 18px; }
.faq__item {
  background: var(--white); border: 1px solid var(--line); border-radius: var(--radius);
  transition: border-color .2s, box-shadow .2s;
}
.faq__item[open] { border-color: var(--burgund-soft); box-shadow: var(--shadow-sm); }
.faq__item summary {
  list-style: none; cursor: pointer; position: relative;
  padding: 18px 56px 18px 22px;
  font-weight: 700; color: var(--burgund); font-size: 1rem; line-height: 1.45;
}
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary::after {
  content: ""; position: absolute; right: 24px; top: 50%;
  width: 9px; height: 9px;
  border-right: 2px solid var(--accent); border-bottom: 2px solid var(--accent);
  transform: translateY(-70%) rotate(45deg); transition: transform .25s var(--ease);
}
.faq__item[open] summary::after { transform: translateY(-25%) rotate(-135deg); }
.faq__item summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius); }
.faq__a { padding: 0 22px 20px; }
.faq__a p { font-size: 1rem; color: var(--ink-soft); }

/* --- Etykiety nurtów na profilach specjalistów --- */
.nurt-chips {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
  font-size: .9rem;
}
.nurt-chips span { color: var(--ink-soft); font-weight: 400; margin-right: 2px; }
.nurt-chips a {
  display: inline-block; padding: 5px 14px;
  border: 1px solid var(--line); border-radius: 30px; background: var(--white);
  color: var(--burgund); font-weight: 700; font-size: .84rem; line-height: 1.4;
  transition: border-color .2s, background .2s;
}
.nurt-chips a:hover { border-color: var(--burgund-soft); background: var(--cream-deep); }

/* --- Nurty na końcu bio specjalisty --- */
.nurt-foot { margin-top: 36px !important; padding-top: 22px; border-top: 1px solid var(--line); }
.nurt-foot__label {
  font-size: .76rem !important; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  color: var(--burgund-soft) !important; margin-bottom: 12px;
}
.nurt-page .prose p a.nurt-inline, .prose p a[href$="terapia-gestalt"] {
  color: var(--burgund); text-decoration: underline; text-decoration-color: rgba(103,60,79,.3); text-underline-offset: 3px;
}
.nurt-foot__list { margin-top: 0 !important; }
.nurt-foot__list a { color: var(--burgund); font-weight: 400; text-decoration: underline; text-decoration-color: rgba(103,60,79,.3); text-underline-offset: 3px; }
.nurt-foot__list a:hover { text-decoration-color: var(--burgund); }