/**
 * Parent Theme - Green Color Scheme
 * This theme is automatically applied when a parent is logged in
 */

:root {
  /* Primary Green Colors */
  --primary-color: #10b981;
  --primary-dark: #059669;
  --primary-light: #34d399;
  --primary-lighter: #6ee7b7;
  --primary-lightest: #d1fae5;
  
  /* Accent Colors */
  --accent-color: #14b8a6;
  --accent-dark: #0d9488;
  --accent-light: #2dd4bf;
  
  /* Success/Error (adjusted for green theme) */
  --success-color: #10b981;
  --warning-color: #f59e0b;
  --error-color: #ef4444;
  --info-color: #06b6d4;
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --gradient-accent: linear-gradient(135deg, #34d399 0%, #10b981 100%);
  --gradient-light: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  
  /* Shadows with green tint */
  --shadow-primary: 0 4px 12px rgba(16, 185, 129, 0.15);
  --shadow-hover: 0 8px 24px rgba(16, 185, 129, 0.25);
}

/* Theme-specific overrides for parent */
.theme-parent .app-header {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
}

.theme-parent .btn-primary {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  border: none !important;
}

.theme-parent .sidebar-profile {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.8) 0%, rgba(5, 150, 105, 0.7) 100%) !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
}

.theme-parent .sidebar-item-home {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
}

.theme-parent .sidebar-item-home:hover {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
}

/* Override primary button colors */
.btn-primary,
.header-btn:hover,
.sidebar-link.active {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-primary:hover {
  background: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
}

/* Sidebar active state */
.sidebar-link.active {
  background: var(--gradient-primary) !important;
  box-shadow: var(--shadow-primary);
}

.sidebar-link.active .sidebar-icon {
  color: white !important;
}

/* Card highlights */
.card-primary,
.widget-card.active {
  border-color: var(--primary-color) !important;
}

.card-primary .card-header {
  background: var(--gradient-primary) !important;
}

/* Badges */
.badge-primary {
  background: var(--primary-color) !important;
}

.badge-success {
  background: var(--success-color) !important;
}

/* Progress bars */
.progress-bar {
  background: var(--gradient-primary) !important;
}

/* Links */
a.text-primary,
.text-primary {
  color: var(--primary-color) !important;
}

a.text-primary:hover {
  color: var(--primary-dark) !important;
}

/* Form controls focus state */
.form-control:focus,
.form-select:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.25) !important;
}

/* Dashboard stat cards */
.stat-card.primary {
  background: var(--gradient-primary) !important;
}

.stat-card.primary:hover {
  box-shadow: var(--shadow-hover);
}

/* Icon colors in sidebar */
.sidebar-icon.home,
.sidebar-icon.financial,
.sidebar-icon.assignments,
.sidebar-icon.report-card {
  color: var(--primary-color);
}

/* Chart colors - for any charts in financial section */
.chart-primary {
  color: var(--primary-color);
  fill: var(--primary-color);
}

/* Table highlights */
.table-primary {
  background-color: var(--primary-lightest) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(16, 185, 129, 0.05);
}

/* Modal header for parent */
.modal-header.bg-primary {
  background: var(--gradient-primary) !important;
}

/* Alert primary */
.alert-primary {
  background-color: var(--primary-lightest);
  border-color: var(--primary-light);
  color: var(--primary-dark);
}

/* Nav tabs active */
.nav-tabs .nav-link.active {
  color: var(--primary-color) !important;
  border-bottom-color: var(--primary-color) !important;
}

/* Dropdown hover */
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--primary-lightest);
  color: var(--primary-dark);
}

/* Spinner/Loading */
.spinner-border.text-primary {
  color: var(--primary-color) !important;
}

/* Switch/Toggle */
.form-check-input:checked {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.pagination .page-link:hover {
  color: var(--primary-color) !important;
  background-color: var(--primary-lightest);
}

/* Financial specific elements */
.financial-card {
  border-left: 4px solid var(--primary-color);
}

.financial-amount.positive {
  color: var(--primary-color);
}

/* Profile card for parent */
.sidebar-profile-card .profile-role {
  color: var(--primary-color) !important;
}

/* Header icons hover for parent */
.header-icon-btn:hover {
  background-color: var(--primary-lightest);
  color: var(--primary-color);
}

/* Search input focus */
.header-search-input:focus {
  border-color: var(--primary-color) !important;
}

/* Custom scrollbar for parent theme */
::-webkit-scrollbar-thumb {
  background: var(--primary-color);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-dark);
}

/* Status badges */
.status-badge.paid,
.status-badge.completed {
  background-color: var(--primary-lightest);
  color: var(--primary-dark);
  border: 1px solid var(--primary-light);
}

/* Override any blue colors that might remain */
.bg-primary {
  background-color: var(--primary-color) !important;
}

.border-primary {
  border-color: var(--primary-color) !important;
}

/* Button outline variant */
.btn-outline-primary {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: white !important;
}