/*
Theme Name: Reha News Theme
Theme URI: https://rehatheme.com/reha-news
Author: Reha Theme Studio
Author URI: https://rehatheme.com
Description: Reha News Theme is a high-performance, lightweight, and modern WordPress financial news and economic intelligence publishing platform. Features an advanced modular homepage builder, multi-row header and footer builders, dynamic collapsible Table of Contents (Section 25 a), live financial market ticker, responsive advertisement manager, full JSON-LD schema (Article, WebSite, BreadcrumbList), and strict white-label site branding with dedicated Reha News Theme Admin Suite.
Version: 2.4.0
Tested up to: 6.7
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rehanews
Tags: news, financial, blog, custom-header, custom-menu, featured-images, full-width-template, theme-options, translation-ready, dark-mode, json-ld-schema
*/

:root {
  --reha-primary: #0A192F;
  --reha-secondary: #1E3A8A;
  --reha-accent: #D97706;
  --reha-positive: #059669;
  --reha-negative: #DC2626;
  --reha-bg-light: #F8FAFC;
  --reha-text-light: #0F172A;
  --reha-bg-dark: #0B1120;
  --reha-text-dark: #E2E8F0;
  --reha-container: 1360px;
  --reha-reading-width: 780px;
}

/* Base resets & typography */
html {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  color: var(--reha-text-light);
  background-color: var(--reha-bg-light);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}

body.reha-dark-mode {
  color: var(--reha-text-dark);
  background-color: var(--reha-bg-dark);
}

.reha-container {
  max-width: var(--reha-container);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* Section 25 a: Dynamic Table of Contents styles */
.reha-toc-wrapper {
  margin: 1.75rem 0;
}
.reha-toc-card {
  border: 1px solid #1e293b;
  border-radius: 0.75rem;
  background: #0f172a;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.reha-toc-toggle-btn {
  width: 100%;
  padding: 0.875rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #020617;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s;
}
.reha-toc-toggle-btn:hover {
  background: #090e17;
}
.reha-toc-body {
  padding: 1.25rem 1.5rem;
  background: #0b1120;
  border-top: 1px solid #1e293b;
}
.reha-toc-list {
  margin: 0;
  padding-left: 1.25rem;
  color: #cbd5e1;
}
.reha-toc-list li {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}
.reha-toc-list a {
  color: #60a5fa;
  text-decoration: none;
  transition: color 0.15s;
}
.reha-toc-list a:hover {
  color: #f59e0b;
  text-decoration: underline;
}

/* Cards & Responsive grids */
.reha-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-radius: 0.75rem;
  overflow: hidden;
}
.reha-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15);
}