/* Override tema portale per help_home (F20c). */

.portal-help-page {
  padding: 2rem 0 3rem;
}

.portal-help-hero {
  background: #fff;
  border-radius: 1.25rem;
  padding: 1.75rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);
}

.portal-help-hero p {
  color: #475569;
  line-height: 1.65;
  margin: 0.75rem 0 0;
}

.portal-help-hero .crm-help-meta {
  color: #64748b;
}

.portal-help-hero .crm-help-search {
  color: #0f172a;
  background: #f8fafc;
  border-color: #e2e8f0;
}

.portal-help-hero .crm-help-search-label {
  color: #64748b;
}

.portal-help-hero .crm-help-empty {
  color: #64748b;
  border-color: #cbd5e1;
}

.portal-help-section-card {
  background: #fff;
  border-radius: 1.25rem;
  padding: 1.75rem;
  margin-bottom: 1.25rem;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.05);
}

.portal-help-page .crm-help-toc a,
.portal-help-page .crm-help-quick-links a {
  color: #0f172a;
  background: #f8fafc;
  border-color: #e2e8f0;
}

.portal-help-page .crm-help-path-card {
  background: #fff;
  border-color: #e2e8f0;
}

.portal-help-page .crm-help-path-card h3 {
  color: #0f172a;
}

.portal-help-page .crm-help-path-card p,
.portal-help-page .crm-help-path-steps {
  color: #475569;
}

.portal-help-page .crm-help-path-link {
  color: var(--brand-strong);
}

.portal-help-page .crm-help-toolbar-btn {
  color: #0f172a;
  background: #f8fafc;
  border-color: #e2e8f0;
}

.portal-help-page .crm-help-faq details {
  background: #f8fafc;
  border-color: #e2e8f0;
}

.portal-help-page .crm-help-faq-answer {
  color: #475569;
  border-top-color: #e2e8f0;
}

.portal-help-page .crm-help-section {
  scroll-margin-top: 5rem;
}

.portal-help-page .crm-help-section-count {
  color: #94a3b8;
}

.portal-help-page .crm-help-section-intro {
  color: #64748b;
}

.portal-help-page .crm-help-tip {
  background: #ecfdf5;
  border-color: #bbf7d0;
  color: #166534;
}

.portal-help-page .crm-help-hint,
.portal-help-page .crm-help-copy-link {
  color: #64748b;
}

.portal-help-cta {
  background: #fff;
  border-radius: 1.25rem;
  padding: 1.75rem;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.05);
}

.portal-help-cta p {
  color: #475569;
}

.portal-help-cta .btn {
  margin-right: 0.5rem;
  margin-top: 0.5rem;
}

.portal-help-hero-title {
  color: #0f172a;
}

/* ONDA 7 — guida / FAQ (palette help intatta, solo accessibilità e token layout) */
.portal-help-page .crm-help-section {
  scroll-margin-top: calc(var(--topbar-h, 88px) + 16px);
}

.portal-help-hero,
.portal-help-section-card,
.portal-help-cta {
  border-radius: var(--radius-lg, 28px);
}

.portal-help-page .crm-help-search:focus-visible,
.portal-help-page .crm-help-toc a:focus-visible,
.portal-help-page .crm-help-quick-links a:focus-visible,
.portal-help-page .crm-help-toolbar-btn:focus-visible,
.portal-help-page .crm-help-path-link:focus-visible,
.portal-help-page .crm-help-faq summary:focus-visible,
.portal-help-cta .btn:focus-visible {
  outline: 2px solid var(--brand, #0f6b4b);
  outline-offset: 2px;
}

.portal-help-page .crm-help-search:focus-visible {
  outline: none;
  border-color: var(--brand, #0f6b4b);
  box-shadow: var(--focus-ring, 0 0 0 3px rgba(var(--brand-rgb, 15, 107, 75), 0.20));
}

@media (max-width: 760px) {
  .portal-help-hero,
  .portal-help-section-card,
  .portal-help-cta {
    border-radius: var(--radius, 22px);
  }
}