/* ==========================================
   SIDEBAR THEME OVERRIDES
   ========================================== */

/* Sidebar Background and Borders */
.sidebar {
  background: var(--theme-gradient-panel) !important;
  border-right: 2px solid var(--theme-border-gentle) !important;
  box-shadow: var(--theme-shadow-soft) !important;
}

/* Sidebar Header */
.sidebar-header {
  border-bottom: 1px solid var(--theme-border-gentle) !important;
  background: var(--theme-gradient-panel) !important;
}

/* Sidebar Toggle Button */
.sidebar-toggle {
  background: var(--theme-gradient-wisdom) !important;
  color: var(--theme-bg-primary) !important;
  box-shadow: var(--theme-shadow-soft) !important;
}

/* Light theme specific - Make burger menu visible */
[data-theme="light"] .sidebar-toggle {
  background: var(--theme-bg-primary) !important;
  color: white !important;
  border: 2px solid var(--theme-border-gentle) !important;
  box-shadow: 0 3px 10px rgba(99, 102, 241, 0.4) !important;
}

[data-theme="light"] .sidebar-toggle:hover {
  background: var(--theme-bg-primary)!important;
  box-shadow: 0 5px 15px rgba(99, 102, 241, 0.5) !important;
  transform: translateY(-1px);
}

/* Ensure arrow icon is visible in light theme */
[data-theme="light"] .sidebar-toggle svg,
[data-theme="light"] .sidebar-toggle .sidebar-arrow {
  color: rgb(0, 0, 0) !important;
  fill: rgb(0, 0, 0) !important;
  stroke: rgb(0, 0, 0) !important;
}

/* Also style the sidebar-toggle-btn for consistency */
[data-theme="light"] .sidebar-toggle-btn {
  background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
  color: rgb(0, 0, 0) !important;
  border: 2px solid #4338ca !important;
  box-shadow: 0 3px 10px rgba(99, 102, 241, 0.4) !important;
}

[data-theme="light"] .sidebar-toggle-btn:hover {
  background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
  box-shadow: 0 5px 15px rgba(99, 102, 241, 0.5) !important;
  transform: translateY(-1px) scale(1.05);
}

[data-theme="light"] .sidebar-toggle-btn svg,
[data-theme="light"] .sidebar-toggle-btn .sidebar-arrow {
  color: rgb(0, 0, 0) !important;
  fill: rgb(0, 0, 0) !important;
  stroke: rgb(0, 0, 0) !important;
}

.sidebar-toggle:hover {
  background: var(--theme-gradient-divine) !important;
  box-shadow: var(--theme-shadow-gentle) !important;
}

/* Sidebar Logo */
.sidebar-logo .logo-text {
  color: var(--theme-text-chapter) !important;
}


.sidebar-logo .logo-icon {
  color: var(--theme-text-chapter) !important;
}

/* Sidebar Navigation Links */
.sidebar-nav .nav-item .nav-link {
  color: var(--theme-text-secondary) !important;
}

.sidebar-nav .nav-item .nav-link:hover {
  color: var(--theme-text-chapter) !important;
  background: var(--theme-gradient-wisdom) !important;
}

.sidebar-nav .nav-item .nav-link.active {
  color: var(--theme-bg-primary) !important;
  background: var(--theme-gradient-wisdom) !important;
}

/* Support Button */
.support-btn {
  background: var(--theme-gradient-grace) !important;
  color: var(--theme-text-chapter) !important;
  border: 1px solid var(--theme-border-gentle) !important;
}

.support-btn:hover {
  background: var(--theme-gradient-wisdom) !important;
  color: var(--theme-bg-primary) !important;
  border-color: var(--theme-text-chapter) !important;
}

/* AI Biblia Button */
.sidebar .ai-biblia-btn {
  background: var(--theme-gradient-wisdom) !important;
  color: var(--theme-bg-primary) !important;
  box-shadow: var(--theme-shadow-soft) !important;
}

.sidebar .ai-biblia-btn:hover {
  background: var(--theme-gradient-divine) !important;
  box-shadow: var(--theme-shadow-gentle) !important;
}

/* Profile Section - Charcoal Theme */
.sidebar .sidebar-profile {
  background: var(--theme-gradient-panel) !important;
  border-top: 1px solid var(--theme-border-gentle) !important;
}

.sidebar .profile-item {
  background: transparent !important;
  border: 1px solid var(--theme-border-gentle) !important;
  color: var(--theme-text-secondary) !important;
}

.sidebar .profile-name {
  color: #000000 !important;
  font-weight: 600 !important;
}

/* Logout Item - Charcoal Theme */
.sidebar .logout-item {
  background: transparent !important;
  border: 1px solid var(--theme-border-gentle) !important;
  color: var(--theme-text-secondary) !important;
}

/* Sidebar Footer - Charcoal Theme */
.sidebar .sidebar-footer {
  background: var(--theme-gradient-panel) !important;
  border-top: 1px solid var(--theme-border-gentle) !important;
}

.sidebar .sidebar-footer .theme-toggle-container {
  border-top: 1px solid var(--theme-border-gentle) !important;
}

/* Dark theme specific overrides for charcoal theme */
[data-theme="dark"] .sidebar .sidebar-profile {
  background: var(--theme-gradient-panel) !important;
  border-top: 1px solid var(--theme-border-gentle) !important;
}

[data-theme="dark"] .sidebar .profile-item {
  background: transparent !important;
  border: 1px solid var(--theme-border-gentle) !important;
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .sidebar .profile-item:hover {
  background: var(--theme-gradient-wisdom) !important;
  color: var(--theme-text-chapter) !important;
}

[data-theme="dark"] .sidebar .profile-name {
  color: #f1f5f9 !important;
  font-weight: 600 !important;
}

[data-theme="dark"] .sidebar .logout-item {
  background: transparent !important;
  border: 1px solid var(--theme-border-gentle) !important;
  color: var(--theme-text-secondary) !important;
}

[data-theme="dark"] .sidebar .logout-item:hover {
  background: var(--theme-gradient-wisdom) !important;
  color: var(--theme-text-chapter) !important;
  border-color: var(--theme-border-gentle) !important;
}

[data-theme="dark"] .sidebar .ai-biblia-btn {
  background: var(--theme-gradient-wisdom) !important;
  color: var(--theme-bg-primary) !important;
  box-shadow: var(--theme-shadow-soft) !important;
}

[data-theme="dark"] .sidebar .ai-biblia-btn:hover {
  background: var(--theme-gradient-divine) !important;
  box-shadow: var(--theme-shadow-gentle) !important;
}

[data-theme="dark"] .sidebar .sidebar-footer {
  background: var(--theme-gradient-panel) !important;
  border-top: 1px solid var(--theme-border-gentle) !important;
}

/* Override any hardcoded highlight colors in sidebar */
.sidebar .highlight-sage-50,
.sidebar .highlight-ocean-50 {
  background: var(--theme-bg-card) !important;
}

.sidebar .highlight-sage-200 {
  border-color: var(--theme-border-gentle) !important;
}

.sidebar .highlight-sage-500,
.sidebar .highlight-sage-600,
.sidebar .highlight-sage-700 {
  background: var(--theme-text-chapter) !important;
}

.sidebar .highlight-lavender-500,
.sidebar .highlight-lavender-600,
.sidebar .highlight-lavender-700 {
  color: var(--theme-text-chapter) !important;
}