/*
 * sidebar.css
 * Sidebar styles for Perfect English Child Theme
 * Uses 'btd-' prefix for all custom classes to avoid conflicts
 * Uses parent theme CSS variables for colors, fonts, etc.
 */

.btd-sidebar {
  background: var(--edublink-color-shade, #f8f9fa);
  color: var(--edublink-color-dark, #222);
  width: 260px;
  min-height: 100vh;
  padding: 32px 16px;
  border-radius: var(--edublink-radius, 18px);
  box-shadow: var(--edublink-shadow-darker, 0 4px 24px rgba(0, 0, 0, 0.13));
}

.btd-sidebar .btd-sidebar-title {
  font-size: var(--edublink-h5, 1.25rem);
  font-weight: var(--edublink-p-bold, 600);
  margin-bottom: 24px;
}

.btd-sidebar .btd-sidebar-link {
  display: block;
  color: var(--edublink-color-dark, #222);
  padding: 12px 0;
  text-decoration: none;
  border-radius: var(--edublink-radius-small, 8px);
  transition: background var(--edublink-transition, 0.3s);
}

.btd-sidebar .btd-sidebar-link:hover {
  background: var(--edublink-color-primary-alt, #ffb212);
  color: var(--edublink-color-white, #fff);
}

/* Add more sidebar styles as needed */