:root {
  --primary-color: #c62828;
  --text-dark: #222;
  --text-light: #555;
  --bg-light: #fafafa;
}



/* Layout */
.terms-wrapper {
  padding: 60px 15px;
}

.terms-sidebar {
  border-right: 1px solid #e5e5e5;
  padding-right: 20px;
}

.terms-sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.terms-sidebar li {
  margin-bottom: 12px;
}

.terms-sidebar a {
  color: var(--text-light);
  text-decoration: none;
  font-weight: 500;
  display: block;
  transition: 0.2s;
}

.terms-sidebar a.active,
.terms-sidebar a:hover {
  color: var(--primary-color);
  font-weight: 600;
  border-left: 3px solid var(--primary-color);
  padding: 10px 10px 10px 10px;
  background-color: #f6f3ff;
}

/* Sticky Sidebar */
.sticky-sidebar {
  position: sticky;
  top: 90px;
}

/* Content */
.terms-content h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--primary-color);
}

.terms-content p {
  color: var(--text-light);
  line-height: 1.7;
  margin-bottom: 16px;
}

.terms-content section {
  margin-bottom: 50px;
  scroll-margin-top: 100px;
}

/* Responsive */
}

/* Mobile Toggle */
#sidebarToggle {
  display: none;
}

/* Mobile Sidebar Fix */
@media (max-width: 992px) {
    .terms-sidebar {
        position: fixed;
        top: 0;
        left: -260px; /* hidden by default */
        width: 250px; /* reduced width */
        height: 100%;
        padding: 70px 15px; /* space for top nav */
        background-color: #fff;
        border-right: 1px solid #dee2e6;
        overflow-y: auto;
        transition: 0.3s;
        z-index: 9999;
    }

    .terms-sidebar.show {
        left: 0;
    }

    .terms-sidebar ul li a {
        padding: 10px 12px; /* make links easier to tap */
        font-size: 0.95rem; /* slightly smaller font for mobile */
        display: block;
    }

    body.sidebar-open {
        overflow: hidden;
    }

    /* Optional: fade overlay behind sidebar */
    body.sidebar-open::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
        z-index: 9998;
    }
}