/* VLearned Admin Console Custom Styles */
:root {
  --vlearned-primary: #f97316;
  --vlearned-primary-hover: #ea580c;
  --vlearned-primary-light: #fed7aa;
  --vlearned-primary-dark: #c2410c;
  --vlearned-secondary: #374151;
  --vlearned-accent: #059669;
  --vlearned-warning: #f59e0b;
  --vlearned-danger: #dc2626;
  --vlearned-success: #10b981;
  --vlearned-info: #3b82f6;
}

/* Top Navigation Bar */
.pf-c-masthead {
  background: linear-gradient(135deg, var(--vlearned-primary) 0%, var(--vlearned-primary-dark) 100%) !important;
  border-bottom: 3px solid var(--vlearned-primary-dark) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.pf-c-masthead__brand {
  padding: 0.75rem 1rem !important;
}

.pf-c-masthead__brand .pf-c-brand {
  color: white !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.pf-c-masthead__brand::before {
  content: "🎓" !important;
  margin-right: 0.5rem !important;
  font-size: 1.5rem !important;
}

/* Main Navigation */
.pf-c-nav__link {
  transition: all 0.2s ease !important;
  border-radius: 6px !important;
  margin: 2px 0 !important;
}

.pf-c-nav__link:hover {
  background-color: var(--vlearned-primary-light) !important;
  color: var(--vlearned-primary-dark) !important;
  transform: translateX(4px) !important;
}

.pf-c-nav__link.pf-m-current {
  background: linear-gradient(135deg, var(--vlearned-primary) 0%, var(--vlearned-primary-hover) 100%) !important;
  color: white !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Sidebar */
.pf-c-page__sidebar {
  background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%) !important;
  border-right: 2px solid var(--vlearned-primary-light) !important;
}

.pf-c-nav {
  background: transparent !important;
}

/* Page Header */
.pf-c-page__main-section.pf-m-light {
  background: linear-gradient(135deg, var(--vlearned-primary-light) 0%, #ffffff 100%) !important;
  border-bottom: 2px solid var(--vlearned-primary-light) !important;
}

.pf-c-title {
  color: var(--vlearned-secondary) !important;
  font-weight: 700 !important;
}

/* Buttons */
.pf-c-button.pf-m-primary {
  background: linear-gradient(135deg, var(--vlearned-primary) 0%, var(--vlearned-primary-hover) 100%) !important;
  border-color: var(--vlearned-primary) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.2s ease !important;
}

.pf-c-button.pf-m-primary:hover {
  background: linear-gradient(135deg, var(--vlearned-primary-hover) 0%, var(--vlearned-primary-dark) 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.pf-c-button.pf-m-secondary {
  border-color: var(--vlearned-primary) !important;
  color: var(--vlearned-primary) !important;
}

.pf-c-button.pf-m-secondary:hover {
  background-color: var(--vlearned-primary-light) !important;
  border-color: var(--vlearned-primary-hover) !important;
}

/* Cards and Tables */
.pf-c-card {
  border: 1px solid var(--vlearned-primary-light) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.2s ease !important;
}

.pf-c-card:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-2px) !important;
}

.pf-c-card__header {
  background: linear-gradient(135deg, var(--vlearned-primary-light) 0%, #ffffff 100%) !important;
  border-bottom: 1px solid var(--vlearned-primary-light) !important;
  border-radius: 12px 12px 0 0 !important;
}

/* Table Headers */
.pf-c-table thead th {
  background: linear-gradient(135deg, var(--vlearned-primary-light) 0%, #ffffff 100%) !important;
  border-bottom: 2px solid var(--vlearned-primary) !important;
  color: var(--vlearned-secondary) !important;
  font-weight: 600 !important;
}

.pf-c-table tbody tr:hover {
  background-color: var(--vlearned-primary-light) !important;
}

/* Forms */
.pf-c-form-control {
  border-radius: 8px !important;
  border-color: var(--vlearned-primary-light) !important;
  transition: all 0.2s ease !important;
}

.pf-c-form-control:focus {
  border-color: var(--vlearned-primary) !important;
  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.2) !important;
}

/* Alerts */
.pf-c-alert.pf-m-success {
  background-color: #f0fdf4 !important;
  border-color: var(--vlearned-success) !important;
}

.pf-c-alert.pf-m-warning {
  background-color: #fffbeb !important;
  border-color: var(--vlearned-warning) !important;
}

.pf-c-alert.pf-m-danger {
  background-color: #fef2f2 !important;
  border-color: var(--vlearned-danger) !important;
}

.pf-c-alert.pf-m-info {
  background-color: #eff6ff !important;
  border-color: var(--vlearned-info) !important;
}

/* Tabs */
.pf-c-tabs__link {
  color: var(--vlearned-secondary) !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.2s ease !important;
}

.pf-c-tabs__link:hover {
  color: var(--vlearned-primary) !important;
  border-bottom-color: var(--vlearned-primary-light) !important;
}

.pf-c-tabs__link.pf-m-current {
  color: var(--vlearned-primary) !important;
  border-bottom-color: var(--vlearned-primary) !important;
  font-weight: 600 !important;
}

/* Breadcrumbs */
.pf-c-breadcrumb__link {
  color: var(--vlearned-primary) !important;
}

.pf-c-breadcrumb__link:hover {
  color: var(--vlearned-primary-hover) !important;
}

/* Dropdown Menus */
.pf-c-dropdown__menu {
  border: 1px solid var(--vlearned-primary-light) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

.pf-c-dropdown__menu-item:hover {
  background-color: var(--vlearned-primary-light) !important;
  color: var(--vlearned-primary-dark) !important;
}

/* Progress Bars */
.pf-c-progress__bar {
  background-color: var(--vlearned-primary) !important;
}

.pf-c-progress__indicator {
  background: linear-gradient(90deg, var(--vlearned-primary) 0%, var(--vlearned-primary-hover) 100%) !important;
}

/* Labels and Badges */
.pf-c-label.pf-m-blue {
  background-color: var(--vlearned-primary) !important;
  color: white !important;
}

.pf-c-badge {
  background-color: var(--vlearned-primary) !important;
  color: white !important;
  border-radius: 12px !important;
}

/* Modal Dialogs */
.pf-c-modal-box {
  border-radius: 12px !important;
  border: 2px solid var(--vlearned-primary-light) !important;
}

.pf-c-modal-box__header {
  background: linear-gradient(135deg, var(--vlearned-primary-light) 0%, #ffffff 100%) !important;
  border-bottom: 1px solid var(--vlearned-primary-light) !important;
}

/* Custom VLearned Branding */
.pf-c-masthead__brand::after {
  content: "VLearned Admin Console" !important;
  font-size: 0.875rem !important;
  opacity: 0.9 !important;
  margin-left: 0.5rem !important;
}

/* Side Navigation Icons */
.pf-c-nav__link .fa,
.pf-c-nav__link .fas,
.pf-c-nav__link .far {
  color: var(--vlearned-primary) !important;
  margin-right: 0.5rem !important;
}

.pf-c-nav__link.pf-m-current .fa,
.pf-c-nav__link.pf-m-current .fas,
.pf-c-nav__link.pf-m-current .far {
  color: white !important;
}

/* User Dropdown */
.pf-c-dropdown__toggle.pf-m-plain {
  color: white !important;
}

.pf-c-dropdown__toggle.pf-m-plain:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
}

/* Loading Spinners */
.pf-c-spinner {
  color: var(--vlearned-primary) !important;
}

/* Search and Filters */
.pf-c-toolbar {
  background: linear-gradient(135deg, #ffffff 0%, var(--vlearned-primary-light) 100%) !important;
  border: 1px solid var(--vlearned-primary-light) !important;
  border-radius: 8px !important;
  padding: 1rem !important;
  margin-bottom: 1rem !important;
}

/* Status Indicators */
.pf-m-success {
  color: var(--vlearned-success) !important;
}

.pf-m-warning {
  color: var(--vlearned-warning) !important;
}

.pf-m-danger {
  color: var(--vlearned-danger) !important;
}

/* Force White Background - Override Dark Mode */
body,
html,
.pf-c-page,
.pf-c-page__main,
.pf-c-page__main-section,
.pf-c-page__main-section.pf-m-no-padding,
.pf-c-page__drawer,
.pf-c-drawer__main,
.pf-c-drawer__content,
.pf-c-drawer__panel,
.pf-c-tabs__content,
.pf-c-tab-content {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #374151 !important;
}

/* Force Content Areas to White */
.pf-c-card__body,
.pf-c-card__footer,
.pf-c-data-list,
.pf-c-data-list__item,
.pf-c-data-list__item-content,
.pf-c-table,
.pf-c-table tbody tr,
.pf-c-table tbody td,
.pf-c-toolbar__content,
.pf-c-toolbar__item,
.pf-c-form__group,
.pf-c-expandable-section__content {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #374151 !important;
}

/* Override Dark Text Colors */
.pf-c-content,
.pf-c-content h1,
.pf-c-content h2,
.pf-c-content h3,
.pf-c-content h4,
.pf-c-content h5,
.pf-c-content h6,
.pf-c-content p,
.pf-c-content span,
.pf-c-content div,
.pf-c-data-list__item-row,
.pf-c-data-list__cell,
.pf-c-data-list__cell-text,
.pf-c-table td,
.pf-c-table th,
.pf-c-description-list__term,
.pf-c-description-list__description,
.pf-c-form__label,
.pf-c-form__label-text,
.pf-c-form__helper-text,
.pf-c-expandable-section__toggle-text {
  color: #374151 !important;
}

/* Force Input Backgrounds */
.pf-c-form-control,
.pf-c-select__toggle,
.pf-c-text-input-group,
.pf-c-text-input-group__text-input,
.pf-c-select__menu,
.pf-c-select__menu-item {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #374151 !important;
}

/* Override PatternFly v5 Dark Mode Variables */
:root {
  /* Force light color scheme */
  color-scheme: light !important;
  
  /* Override PatternFly v5 background variables */
  --pf-v5-global--BackgroundColor--100: #ffffff !important;
  --pf-v5-global--BackgroundColor--150: #ffffff !important;
  --pf-v5-global--BackgroundColor--200: #ffffff !important;
  --pf-v5-global--BackgroundColor--300: #ffffff !important;
  --pf-v5-global--BackgroundColor--400: #ffffff !important;
  --pf-v5-global--BackgroundColor--light-100: #ffffff !important;
  --pf-v5-global--BackgroundColor--light-200: #ffffff !important;
  --pf-v5-global--BackgroundColor--light-300: #ffffff !important;
  --pf-v5-global--BackgroundColor--dark-100: #ffffff !important;
  --pf-v5-global--BackgroundColor--dark-200: #ffffff !important;
  --pf-v5-global--BackgroundColor--dark-300: #ffffff !important;
  --pf-v5-global--BackgroundColor--dark-400: #ffffff !important;
  
  /* Override PatternFly v5 text color variables */
  --pf-v5-global--Color--100: #374151 !important;
  --pf-v5-global--Color--200: #374151 !important;
  --pf-v5-global--Color--300: #374151 !important;
  --pf-v5-global--Color--400: #374151 !important;
  --pf-v5-global--Color--dark-100: #374151 !important;
  --pf-v5-global--Color--dark-200: #374151 !important;
  --pf-v5-global--Color--light-100: #374151 !important;
  --pf-v5-global--Color--light-200: #374151 !important;
  --pf-v5-global--Color--light-300: #374151 !important;
  
  /* Override page-specific variables */
  --pf-v5-c-page--BackgroundColor: #ffffff !important;
  --pf-v5-c-page__main-section--BackgroundColor: #ffffff !important;
  --pf-v5-c-page__main-section--m-light--BackgroundColor: #ffffff !important;
  --pf-v5-c-page__main-section--m-light-100--BackgroundColor: #ffffff !important;
  --pf-v5-c-page__main-nav--BackgroundColor: #ffffff !important;
  --pf-v5-c-page__main-breadcrumb--BackgroundColor: #ffffff !important;
  --pf-v5-c-page__main-tabs--BackgroundColor: #ffffff !important;
}

/* Disable Dark Mode Media Queries */
@media (prefers-color-scheme: dark) {
  body,
  html,
  .pf-c-page,
  .pf-v5-c-page,
  .pf-c-page__main,
  .pf-v5-c-page__main,
  .pf-c-page__main-section,
  .pf-v5-c-page__main-section {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #374151 !important;
  }
}

/* Custom Footer */
.pf-c-page__main::after {
  content: "Powered by VLearned Platform" !important;
  display: block !important;
  text-align: center !important;
  padding: 1rem !important;
  color: var(--vlearned-secondary) !important;
  font-size: 0.875rem !important;
  opacity: 0.7 !important;
  border-top: 1px solid var(--vlearned-primary-light) !important;
  margin-top: 2rem !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .pf-c-masthead__brand::after {
    display: none !important;
  }
  
  .pf-c-nav__link {
    padding: 0.75rem !important;
  }
  
  .pf-c-card {
    margin: 0.5rem !important;
  }
}