/* Dark sample preview for legal/info pages (about/privacy/terms/contact/trust/editorial) */

.legal-preview-sample-dark {
  --qsd-primary: #7c83ff;
  --qsd-primary-strong: #626af8;
  --qsd-secondary: #1f2140;
  --qsd-bg: #161729;
  --qsd-bg-soft: #20234a;
  --qsd-bg-panel: #292c53;
  --qsd-border: rgba(245, 246, 247, 0.15);
  --qsd-text: #f5f6f7;
  --qsd-muted: rgba(245, 246, 247, 0.82);
  --qsd-muted-2: rgba(245, 246, 247, 0.64);
  color: var(--qsd-text);
  background:
    radial-gradient(900px 360px at 50% -18%, rgba(124, 131, 255, 0.2), transparent 68%),
    linear-gradient(180deg, #171936 0%, #161830 100%);
}

.legal-preview-sample-dark::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(245, 246, 247, 0.014) 0,
      rgba(245, 246, 247, 0.014) 1px,
      transparent 1px,
      transparent 28px
    );
  opacity: 0.16;
}

.legal-preview-sample-dark .site-header {
  background: rgba(21, 22, 39, 0.84);
  border-bottom: 1px solid var(--qsd-border);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.legal-preview-sample-dark .site-header .brand,
.legal-preview-sample-dark .nav a,
.legal-preview-sample-dark .menu-trigger,
.legal-preview-sample-dark .menu-item,
.legal-preview-sample-dark h1,
.legal-preview-sample-dark h2,
.legal-preview-sample-dark h3,
.legal-preview-sample-dark .section-title {
  color: var(--qsd-text) !important;
}

.legal-preview-sample-dark .menu-list {
  background: rgba(34, 36, 65, 0.98);
  border-color: var(--qsd-border);
}

.legal-preview-sample-dark .menu-item:hover {
  background: rgba(124, 131, 255, 0.18);
}

.legal-preview-sample-dark .hero,
.legal-preview-sample-dark .contact-hero,
.legal-preview-sample-dark .trust-hero,
.legal-preview-sample-dark .policy-hero,
.legal-preview-sample-dark .section,
.legal-preview-sample-dark .trust-section,
.legal-preview-sample-dark .policy-section {
  background: #171936 !important;
  border: 0 !important;
}

.legal-preview-sample-dark .hero .tool-hero,
.legal-preview-sample-dark .contact-hero .container,
.legal-preview-sample-dark .trust-hero .container,
.legal-preview-sample-dark .policy-hero .container {
  margin-top: 24px;
  margin-bottom: 8px;
  padding: 48px 24px;
  border: 1px solid rgba(245, 246, 247, 0.26);
  border-radius: 22px;
  background:
    radial-gradient(500px 220px at 50% 0%, rgba(124, 131, 255, 0.36), transparent 78%),
    linear-gradient(135deg, #2a2f63, #212650);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.48);
}

.legal-preview-sample-dark .hero .tool-hero p,
.legal-preview-sample-dark .contact-hero p,
.legal-preview-sample-dark .trust-hero p,
.legal-preview-sample-dark .policy-hero p {
  color: var(--qsd-muted) !important;
}

.legal-preview-sample-dark .section,
.legal-preview-sample-dark .trust-section,
.legal-preview-sample-dark .policy-section {
  border-top: 0 !important;
}

.legal-preview-sample-dark main,
.legal-preview-sample-dark .hero,
.legal-preview-sample-dark .contact-hero,
.legal-preview-sample-dark .trust-hero,
.legal-preview-sample-dark .policy-hero,
.legal-preview-sample-dark .section,
.legal-preview-sample-dark .trust-section,
.legal-preview-sample-dark .policy-section {
  position: relative;
  z-index: 1;
}

.legal-preview-sample-dark .section p,
.legal-preview-sample-dark .section li,
.legal-preview-sample-dark .trust-section p,
.legal-preview-sample-dark .trust-section li,
.legal-preview-sample-dark .policy-section p,
.legal-preview-sample-dark .policy-section li,
.legal-preview-sample-dark .contact-hero p,
.legal-preview-sample-dark .contact-note {
  color: var(--qsd-muted) !important;
}

.legal-preview-sample-dark [style*="color:#4b5563"],
.legal-preview-sample-dark [style*="color: #4b5563"] {
  color: var(--qsd-muted) !important;
}

.legal-preview-sample-dark .contact-card,
.legal-preview-sample-dark .trust-card,
.legal-preview-sample-dark .policy-card,
.legal-preview-sample-dark .contact-box,
.legal-preview-sample-dark .faq-item {
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.03) 100%) !important;
  border: 1px solid var(--qsd-border) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35) !important;
}

.legal-preview-sample-dark .primary-btn {
  background: linear-gradient(135deg, var(--qsd-primary), var(--qsd-primary-strong));
  border: 1px solid rgba(245, 246, 247, 0.2);
  color: #fff !important;
}

.legal-preview-sample-dark a {
  color: #bdc2ff;
}

.legal-preview-sample-dark a:hover {
  color: #eceeff;
}

.legal-preview-sample-dark .site-footer {
  background: rgba(17, 18, 36, 0.84);
  border-top: 1px solid var(--qsd-border);
}

.legal-preview-sample-dark .site-footer-inner,
.legal-preview-sample-dark .footer-nav a {
  color: var(--qsd-muted-2);
}

.legal-preview-sample-dark .footer-nav a:hover {
  background: rgba(124, 131, 255, 0.18);
  color: var(--qsd-text);
}

@media (max-width: 640px) {
  .legal-preview-sample-dark .hero .tool-hero,
  .legal-preview-sample-dark .contact-hero .container,
  .legal-preview-sample-dark .trust-hero .container,
  .legal-preview-sample-dark .policy-hero .container {
    padding: 32px 16px;
    border-radius: 16px;
  }
}