/* OneWallet Purple Theme Override */
:root {
  --primary-color: #6b46c1; /* Deep Purple */
  --secondary-color: #9f7aea; /* Light Purple */
  --accent-color: #d6bcfa; /* Soft Purple */
  --text-color: #333;
  --light-text-color: #f8f9fa;
  --bg-color: #ffffff;
  --light-bg-color: #f7fafc;
  --border-color: #e9d8fd;
  --card-shadow: 0 10px 30px rgba(107, 70, 193, 0.12);
  --section-padding: 60px 0;
}

/* Hero Section - Purple Gradient */
.terms-hero::before {
  background: linear-gradient(135deg, #6b46c1, #9f7aea, #b794f4);
  animation-name: gradientShiftPurple;
}

@keyframes gradientShiftPurple {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Navigation Hover - Purple */
.nav-links a:hover,
.nav-links a.active {
  background-color: var(--primary-color);
}

/* Sidebar - Light Purple Background */
.toc-sidebar {
  background: linear-gradient(135deg, #faf5ff 0%, #f7fafc 100%);
  border-left: 3px solid var(--secondary-color);
}

.toc-sidebar h2 {
  border-bottom: 2px solid var(--secondary-color);
}

.toc-sidebar .toc-icon {
  color: var(--secondary-color);
}

.toc-sidebar li a:hover,
.toc-sidebar li a.active-toc {
  background: linear-gradient(90deg, var(--secondary-color), var(--primary-color));
}

/* Content Blocks - Subtle Purple Accent */
.content-block {
  border-left: 4px solid var(--accent-color);
  background: linear-gradient(to right, #fefcff 0%, #ffffff 100%);
}

.content-block h2,
.content-block h3,
.content-block h4 {
  color: var(--primary-color);
}

.content-block h2 i,
.content-block h3 i {
  color: var(--secondary-color);
}

/* Lists - Purple Accent */
.custom-list li::before {
  color: var(--secondary-color);
}

.sub-section {
  border-left: 3px solid var(--secondary-color);
}

/* Links - Purple Theme */
a {
  color: var(--secondary-color);
}

a:hover {
  color: var(--primary-color);
}

.external-link {
  color: var(--primary-color);
}

.external-link:hover {
  color: var(--secondary-color);
}

/* Tables - Purple Theme */
th {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

tbody tr:hover {
  background-color: #faf5ff;
}

td strong {
  color: var(--primary-color);
}

/* Back to Top Button - Purple */
#backToTopBtn {
  background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
}

#backToTopBtn:hover {
  background: linear-gradient(135deg, var(--primary-color), #553c9a);
  box-shadow: 0 6px 20px rgba(107, 70, 193, 0.4);
}

/* Logo Hover */
.logo:hover {
  opacity: 0.85;
}

/* Dropdown Menu - Purple Accent */
.nav-links .dropdown-menu a:hover {
  background: linear-gradient(90deg, #faf5ff, #f7fafc);
  color: var(--primary-color);
}

/* Footer - Purple Gradient */
footer {
  background: linear-gradient(135deg, #6b46c1, #553c9a);
}

.social-links a:hover {
  color: var(--accent-color);
}

/* Consent Options - Purple Theme */
.consent-option {
  background: linear-gradient(135deg, #faf5ff, #f7fafc);
  border-left: 5px solid var(--secondary-color);
}

.consent-option h4 {
  color: var(--primary-color);
}

/* Contact Cards - Purple Theme */
.contact-card {
  border-top: 4px solid var(--secondary-color);
  background: linear-gradient(to bottom, #fefcff, #ffffff);
}

.contact-card:hover {
  box-shadow: 0 20px 40px rgba(107, 70, 193, 0.15);
  border-top-color: var(--primary-color);
}

.contact-card .card-icon {
  color: var(--secondary-color);
}

.contact-card h2 {
  color: var(--primary-color);
}

.contact-card p i {
  color: var(--primary-color);
}

/* Sticky Header Shadow */
.sticky-header {
  box-shadow: 0 2px 15px rgba(107, 70, 193, 0.08);
}

/* Policy Version Text */
.policy-version {
  color: rgba(255, 255, 255, 0.95);
}