/* Theme Color Schemes (Dark Mode)
   - Applied via body class: .eq-scheme-{name}
   - All UI should reference these CSS variables.
*/

:root {
  color-scheme: dark;
}

/* Base tokens — Dark Mode 2.0 (2026: deep charcoal, no pure black) */
body {
  --eq-bg: #1a1a1a;
  --eq-surface: rgba(255, 255, 255, 0.06);
  --eq-surface-2: rgba(255, 255, 255, 0.10);
  --eq-text: #e5e7eb;
  --eq-muted: #9ca3af;
  --eq-border: rgba(255, 255, 255, 0.10);

  --eq-accent-1: #ef4444;
  --eq-accent-2: #dc2626;
  --eq-accent-contrast: #0f0f0f;

  --eq-link: #93c5fd;
  --eq-focus: rgba(147, 197, 253, 0.35);
}

/* 7 palettes — 2026 trends: Synthetic Naturalism, Eco-Brutalism, Dopamine accents */
body.eq-scheme-crimson {
  --eq-accent-1: #ef4444;
  --eq-accent-2: #dc2626;
  --eq-link: #f87171;
}
body.eq-scheme-lavender {
  --eq-accent-1: #c4b5fd;
  --eq-accent-2: #a78bfa;
  --eq-link: #e9d5ff;
}
body.eq-scheme-sage {
  --eq-accent-1: #9dc183;
  --eq-accent-2: #6b8e5c;
  --eq-link: #bbf7d0;
}
body.eq-scheme-mint {
  --eq-accent-1: #5eead4;
  --eq-accent-2: #2dd4bf;
  --eq-link: #99f6e4;
}
body.eq-scheme-teal {
  --eq-accent-1: #2dd4bf;
  --eq-accent-2: #0d9488;
  --eq-link: #5eead4;
}
body.eq-scheme-coral {
  --eq-accent-1: #ff6b6b;
  --eq-accent-2: #e55555;
  --eq-link: #fda4af;
}
body.eq-scheme-violet {
  --eq-accent-1: #c084fc;
  --eq-accent-2: #7c3aed;
  --eq-link: #e9d5ff;
}

/* Legacy scheme slugs (map to new so saved options still work) */
body.eq-scheme-indigo {
  --eq-accent-1: #818cf8;
  --eq-accent-2: #4f46e5;
  --eq-link: #93c5fd;
}
body.eq-scheme-emerald { --eq-accent-1: #34d399; --eq-accent-2: #059669; --eq-link: #6ee7b7; }
body.eq-scheme-cyan { --eq-accent-1: #22d3ee; --eq-accent-2: #0891b2; --eq-link: #67e8f9; }
body.eq-scheme-amber { --eq-accent-1: #fbbf24; --eq-accent-2: #d97706; --eq-link: #fde68a; }
body.eq-scheme-rose { --eq-accent-1: #fb7185; --eq-accent-2: #e11d48; --eq-link: #fda4af; }

/* Global helpers */
.gradient-text,
body.page-template-page-blog .gradient-text,
body.single-post .gradient-text {
  background: linear-gradient(135deg, var(--eq-accent-1), var(--eq-accent-2)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}

.eq-link,
a.eq-link {
  color: var(--eq-link) !important;
  text-decoration: none;
}
.eq-link:hover,
a.eq-link:hover {
  filter: brightness(1.05);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.eq-btn-primary {
  background: linear-gradient(135deg, var(--eq-accent-1), var(--eq-accent-2)) !important;
  color: var(--eq-accent-contrast) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.eq-btn-primary:hover {
  filter: brightness(1.06);
}

.eq-surface {
  background: var(--eq-surface) !important;
  border: 1px solid var(--eq-border) !important;
}

.eq-input {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--eq-border) !important;
  color: var(--eq-text) !important;
}
.eq-input:focus {
  outline: none !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0), 0 0 0 3px var(--eq-focus) !important;
}

/* Accent link & hover (titles, CTAs, breadcrumb — follow theme) */
.eq-accent-link,
a.eq-accent-link {
  color: var(--eq-accent-1) !important;
  text-decoration: none;
  transition: color 0.2s, filter 0.2s;
}
.eq-accent-link:hover,
a.eq-accent-link:hover {
  color: var(--eq-accent-2) !important;
  filter: brightness(1.1);
}
.eq-card-accent {
  border-color: var(--eq-border);
  transition: border-color 0.2s;
}
.eq-card-accent:hover {
  border-color: var(--eq-accent-1);
}
.eq-accent-hover:hover {
  color: var(--eq-accent-1) !important;
}
.eq-btn-accent {
  background: linear-gradient(135deg, var(--eq-accent-1), var(--eq-accent-2)) !important;
  color: var(--eq-accent-contrast) !important;
  border: none;
}
.eq-focus-accent:focus {
  outline: none;
  border-color: var(--eq-accent-1) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--eq-accent-1) 25%, transparent);
}

/* ========== Footer (all styles 1–10) ========== */
.eq-footer {
  background: var(--eq-bg);
  color: var(--eq-text);
  padding: 3.5rem 1.5rem 2.5rem;
  font-family: 'Vazirmatn', Tahoma, sans-serif;
}
.eq-footer__links-list { list-style: none; padding: 0; margin: 0; }
.eq-footer__links-list li { margin-bottom: 0.5rem; }
.eq-footer__links-list a { color: var(--eq-muted); text-decoration: none; font-size: 0.875rem; }
.eq-footer__links-list a:hover { color: var(--eq-accent-1); text-decoration: underline; text-underline-offset: 3px; }
.eq-footer__brand-img { height: 2rem; width: auto; display: block; margin-bottom: 0.5rem; }

.eq-footer__inner {
  max-width: 80rem;
  margin: 0 auto;
  direction: rtl;
  text-align: right;
}

/* Top block: brand + newsletter */
.eq-footer__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
  align-items: start;
  margin-bottom: 3rem;
}
@media (max-width: 900px) {
  .eq-footer__top {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.eq-footer__brand {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.eq-footer__brand img {
  height: 2.25rem;
  width: auto;
}
.eq-footer__brand .gradient-text {
  font-size: 1.75rem;
  font-weight: 800;
}
.eq-footer__tagline {
  color: var(--eq-muted);
  font-size: 0.95rem;
  line-height: 1.7;
  max-width: 28rem;
  margin: 0 0 1.5rem 0;
}
.eq-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.eq-footer__social a {
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--eq-surface);
  border: 1px solid var(--eq-border);
  border-radius: 0.75rem;
  color: var(--eq-muted);
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.eq-footer__social a:hover {
  color: var(--eq-accent-1);
  border-color: rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.08);
}

/* Newsletter card */
.eq-footer__newsletter {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--eq-border);
  border-radius: 1.25rem;
  padding: 1.75rem;
}
.eq-footer__newsletter h3 {
  font-size: 1.35rem;
  font-weight: 800;
  margin: 0 0 0.5rem 0;
}
.eq-footer__newsletter .eq-footer__newsletter-desc {
  color: var(--eq-muted);
  font-size: 0.875rem;
  line-height: 1.6;
  margin: 0 0 1.25rem 0;
}
.eq-footer__newsletter form {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}
.eq-footer__newsletter input[type="email"] {
  flex: 1;
  min-width: 0;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid var(--eq-border);
  background: rgba(255, 255, 255, 0.05);
  color: var(--eq-text);
  font-size: 0.9rem;
  font-family: inherit;
  direction: ltr;
  text-align: left;
}
.eq-footer__newsletter input:focus {
  outline: none;
  border-color: var(--eq-accent-1);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--eq-accent-1) 25%, transparent);
}
.eq-footer__newsletter button[type="submit"] {
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  font-weight: 700;
  font-size: 0.9rem;
  white-space: nowrap;
  background: linear-gradient(135deg, var(--eq-accent-1), var(--eq-accent-2));
  color: var(--eq-accent-contrast);
  border: none;
  cursor: pointer;
  transition: filter 0.2s;
}
.eq-footer__newsletter button:hover {
  filter: brightness(1.08);
}
.eq-footer__newsletter-msg {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  display: block;
}
.eq-footer__newsletter-msg.hidden {
  display: none;
}

/* Three columns */
.eq-footer__cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 2.5rem;
  align-items: start;
}
@media (max-width: 768px) {
  .eq-footer__cols {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.eq-footer__col {
  display: flex;
  flex-direction: column;
}
.eq-footer__col h4 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 1rem 0;
  color: var(--eq-text);
}
.eq-footer__col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.eq-footer__col ul li {
  margin-bottom: 0.5rem;
}
.eq-footer__col a,
.eq-footer__col .eq-footer__muted {
  color: var(--eq-muted);
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.6;
}
.eq-footer__col a:hover {
  color: var(--eq-accent-1);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.eq-footer .eq-footer__muted {
  color: var(--eq-muted);
}

/* Bottom bar */
.eq-footer__divider {
  border-top: 1px solid var(--eq-border);
  padding-top: 1.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.875rem;
}
.eq-footer__divider p {
  margin: 0;
}

/* Style 2: minimal centered */
.eq-footer__inner--center { text-align: center; }
.eq-footer__minimal { margin-bottom: 2.5rem; }
.eq-footer__minimal-logo { height: 2.5rem; width: auto; margin-bottom: 0.5rem; }
.eq-footer__minimal-title { font-size: 1.75rem; font-weight: 800; display: block; margin-bottom: 0.5rem; }
.eq-footer__minimal .eq-footer__tagline { margin: 0 auto 1rem; }
.eq-footer__minimal .eq-footer__social { justify-content: center; }

/* Style 3 & 4: four columns */
.eq-footer__four-cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-bottom: 2.5rem;
  align-items: start;
}
@media (max-width: 900px) { .eq-footer__four-cols { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 500px) { .eq-footer__four-cols { grid-template-columns: 1fr; } }
.eq-footer__four-cols .eq-footer__col {
  display: flex;
  flex-direction: column;
}
.eq-footer__newsletter-inline { display: flex; gap: 0.5rem; margin-top: 0.5rem; }
.eq-footer__newsletter-inline input[type="email"] {
  flex: 1; min-width: 0; padding: 0.5rem 0.75rem; border-radius: 0.5rem;
  border: 1px solid var(--eq-border); background: rgba(255,255,255,0.05); color: var(--eq-text); direction: ltr;
}
.eq-footer__newsletter-inline button[type="submit"] {
  padding: 0.5rem 1rem; border-radius: 0.5rem; font-weight: 600; font-size: 0.875rem;
  background: linear-gradient(135deg, var(--eq-accent-1), var(--eq-accent-2)); color: var(--eq-accent-contrast); border: none; cursor: pointer;
}

/* Style 4: newsletter full width */
.eq-footer__newsletter-full {
  text-align: center; padding: 2rem; margin-bottom: 2.5rem;
  background: rgba(255,255,255,0.05); border: 1px solid var(--eq-border); border-radius: 1rem;
}
.eq-footer__newsletter-full h3 { margin: 0 0 0.5rem; }
.eq-footer__newsletter-full form { display: flex; gap: 0.5rem; justify-content: center; max-width: 28rem; margin: 1rem auto 0; }
.eq-footer__newsletter-full input[type="email"] { flex: 1; padding: 0.75rem 1rem; border-radius: 0.5rem; border: 1px solid var(--eq-border); background: rgba(255,255,255,0.05); color: var(--eq-text); direction: ltr; }
.eq-footer__newsletter-full button[type="submit"] { padding: 0.75rem 1.5rem; border-radius: 0.5rem; font-weight: 700; background: linear-gradient(135deg, var(--eq-accent-1), var(--eq-accent-2)); color: var(--eq-accent-contrast); border: none; cursor: pointer; }

/* Style 5: split left/right */
.eq-footer__split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 900px) { .eq-footer__split { grid-template-columns: 1fr; } }
.eq-footer__split-right { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
@media (max-width: 600px) { .eq-footer__split-right { grid-template-columns: 1fr; } }
.eq-footer__contact-block { margin-top: 1rem; font-size: 0.875rem; }
.eq-footer__contact-block a { color: var(--eq-muted); }
.eq-footer__contact-block a:hover { color: var(--eq-accent-1); }

/* Style 6: single row */
.eq-footer__row {
  display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem 2rem; margin-bottom: 2rem;
}
.eq-footer__row-item { flex: 0 0 auto; }
.eq-footer__links-inline ul { display: flex; flex-wrap: wrap; gap: 0 1.25rem; list-style: none; padding: 0; margin: 0; }
.eq-footer__links-inline li { margin: 0; }
.eq-footer__links-inline a { color: var(--eq-muted); text-decoration: none; font-size: 0.875rem; }
.eq-footer__links-inline a:hover { color: var(--eq-accent-1); }

/* Style 7: two rows (uses .eq-footer__cols) */
.eq-footer__row--compact { margin-bottom: 2rem; }
.eq-footer__row--compact .eq-footer__brand { margin-bottom: 0; }
.eq-footer__row--compact .eq-footer__social { margin-right: auto; }

/* Style 8: accent line on top */
.eq-footer__accent-line {
  height: 4px;
  background: linear-gradient(90deg, var(--eq-accent-1), var(--eq-accent-2));
  margin-bottom: 0;
}

/* Style 9: compact single row */
.eq-footer__compact-row {
  display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem;
}
.eq-footer__compact-row .eq-footer__links-inline ul { gap: 0 1rem; }
.eq-footer__compact-row .eq-footer__newsletter-inline { margin: 0; }

/* Style 10: five columns */
.eq-footer__five-cols {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
  margin-bottom: 2.5rem;
  align-items: start;
}
@media (max-width: 1000px) { .eq-footer__five-cols { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .eq-footer__five-cols { grid-template-columns: 1fr; } }
.eq-footer__five-cols .eq-footer__col {
  display: flex;
  flex-direction: column;
}
.eq-footer__newsletter-compact { display: flex; flex-direction: column; gap: 0.5rem; }
.eq-footer__newsletter-compact input[type="email"] {
  padding: 0.65rem 0.85rem; border-radius: 0.5rem; border: 1px solid var(--eq-border);
  background: rgba(255,255,255,0.05); color: var(--eq-text); font-size: 0.875rem; direction: ltr;
}
.eq-footer__newsletter-compact input:focus {
  outline: none; border-color: var(--eq-accent-1);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--eq-accent-1) 25%, transparent);
}
.eq-footer__newsletter-compact button[type="submit"] {
  padding: 0.65rem 1rem; border-radius: 0.5rem; font-weight: 700; font-size: 0.875rem;
  background: linear-gradient(135deg, var(--eq-accent-1), var(--eq-accent-2)); color: var(--eq-accent-contrast);
  border: none; cursor: pointer; transition: filter 0.2s;
}
.eq-footer__newsletter-compact button:hover { filter: brightness(1.08); }