/* ============================================
   eduSYMS Theme Override for Argon Framework
   ============================================ */

/* This file provides theme integration for eduSYMS brand colors
   across the entire Argon framework implementation */

/* ============================================
   Core Argon Color Overrides
   ============================================ */

/* Primary Color System Override */
.bg-primary {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
}

.bg-gradient-primary {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
}

.text-primary {
  color: #7cc820 !important;
}

.btn-primary {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
  border-color: #7cc820 !important;
  box-shadow: 0 4px 25px rgba(124, 200, 32, 0.3) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: linear-gradient(135deg, #6ab01c 0%, #82b033 100%) !important;
  border-color: #6ab01c !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 40px rgba(124, 200, 32, 0.4) !important;
}

/* Secondary Color System Override */
.bg-secondary {
  background: linear-gradient(135deg, #87a552 0%, #5c6454 100%) !important;
}

.bg-gradient-secondary {
  background: linear-gradient(135deg, #87a552 0%, #5c6454 100%) !important;
}

.text-secondary {
  color: #87a552 !important;
}

.btn-secondary {
  background: linear-gradient(135deg, #87a552 0%, #5c6454 100%) !important;
  border-color: #87a552 !important;
  color: white !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background: linear-gradient(135deg, #759148 0%, #52594a 100%) !important;
  border-color: #759148 !important;
  transform: translateY(-2px) !important;
}

/* Success Color Override */
.bg-success {
  background: linear-gradient(135deg, #94c43c 0%, #87a552 100%) !important;
}

.bg-gradient-success {
  background: linear-gradient(135deg, #94c43c 0%, #87a552 100%) !important;
}

.text-success {
  color: #94c43c !important;
}

.btn-success {
  background: linear-gradient(135deg, #94c43c 0%, #87a552 100%) !important;
  border-color: #94c43c !important;
}

/* ============================================
   Argon Navigation Override
   ============================================ */

.navbar-main .navbar-brand {
  color: #7cc820 !important;
  font-weight: 700 !important;
}

.navbar-nav .nav-link {
  color: #5c6454 !important;
  font-weight: 500 !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: #7cc820 !important;
}

.navbar-nav .nav-link.active {
  color: #7cc820 !important;
  font-weight: 600 !important;
}

/* ============================================
   Argon Sidebar Override (Admin)
   ============================================ */

.sidenav {
  background: linear-gradient(180deg, #040404 0%, #5c6454 100%) !important;
}

.sidenav .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
  border-radius: 8px !important;
  margin: 2px 15px !important;
  padding: 12px 16px !important;
}

.sidenav .navbar-nav .nav-link:hover {
  background: rgba(124, 200, 32, 0.2) !important;
  color: white !important;
}

.sidenav .navbar-nav .nav-link.active {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
  color: white !important;
  box-shadow: 0 4px 25px rgba(124, 200, 32, 0.3) !important;
}

.sidenav .navbar-brand {
  color: #7cc820 !important;
}

/* ============================================
   Argon Card System Override
   ============================================ */

.card-header {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
  border: none !important;
  color: white !important;
}

.card-header h5,
.card-header h4,
.card-header h3 {
  color: white !important;
}

.card-stats .card-body {
  position: relative !important;
}

.card-stats .card-body::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%);
}

/* ============================================
   Argon Icon Shapes Override
   ============================================ */

.icon-shape.bg-primary {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
  color: white !important;
}

.icon-shape.bg-secondary {
  background: linear-gradient(135deg, #87a552 0%, #5c6454 100%) !important;
  color: white !important;
}

.icon-shape.bg-success {
  background: linear-gradient(135deg, #94c43c 0%, #87a552 100%) !important;
  color: white !important;
}

.icon-shape.bg-yellow,
.icon-shape.bg-warning {
  background: linear-gradient(135deg, #94c43c 0%, #87a552 100%) !important;
  color: white !important;
}

.icon-shape.bg-info {
  background: linear-gradient(135deg, #87a552 0%, #5c6454 100%) !important;
  color: white !important;
}

/* ============================================
   Argon Badge Override
   ============================================ */

.badge-primary {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
  color: white !important;
}

.badge-secondary {
  background: #87a552 !important;
  color: white !important;
}

.badge-success {
  background: #94c43c !important;
  color: white !important;
}

/* ============================================
   Argon Progress Bars Override
   ============================================ */

.progress-bar {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
}

.progress-bar-primary {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
}

.progress-bar-secondary {
  background: linear-gradient(135deg, #87a552 0%, #5c6454 100%) !important;
}

.progress-bar-success {
  background: linear-gradient(135deg, #94c43c 0%, #87a552 100%) !important;
}

/* ============================================
   Argon Form Controls Override
   ============================================ */

.form-control:focus {
  border-color: #7cc820 !important;
  box-shadow: 0 0 0 0.2rem rgba(124, 200, 32, 0.25) !important;
}

.form-control.is-valid {
  border-color: #94c43c !important;
}

.form-control.is-valid:focus {
  border-color: #94c43c !important;
  box-shadow: 0 0 0 0.2rem rgba(148, 196, 60, 0.25) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #7cc820 !important;
  border-color: #7cc820 !important;
}

/* ============================================
   Argon Table Override
   ============================================ */

.table thead th {
  background: linear-gradient(135deg, #87a552 0%, #5c6454 100%) !important;
  color: white !important;
  border: none !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(124, 200, 32, 0.05) !important;
}

.table-hover tbody tr:hover {
  background-color: rgba(124, 200, 32, 0.1) !important;
}

/* ============================================
   Argon Alert Override
   ============================================ */

.alert-primary {
  background: linear-gradient(135deg, rgba(124, 200, 32, 0.1) 0%, rgba(148, 196, 60, 0.1) 100%) !important;
  border: 1px solid #7cc820 !important;
  color: #5c6454 !important;
}

.alert-secondary {
  background: linear-gradient(135deg, rgba(135, 165, 82, 0.1) 0%, rgba(92, 100, 84, 0.1) 100%) !important;
  border: 1px solid #87a552 !important;
  color: #5c6454 !important;
}

.alert-success {
  background: linear-gradient(135deg, rgba(148, 196, 60, 0.1) 0%, rgba(135, 165, 82, 0.1) 100%) !important;
  border: 1px solid #94c43c !important;
  color: #5c6454 !important;
}

/* ============================================
   Argon Pagination Override
   ============================================ */

.page-link {
  color: #7cc820 !important;
  border: 1px solid rgba(135, 165, 82, 0.3) !important;
}

.page-link:hover {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
  border-color: #7cc820 !important;
  color: white !important;
}

.page-item.active .page-link {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
  border-color: #7cc820 !important;
}

/* ============================================
   Argon Dropdown Override
   ============================================ */

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: rgba(124, 200, 32, 0.1) !important;
  color: #7cc820 !important;
}

.dropdown-item.active,
.dropdown-item:active {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
  color: white !important;
}

/* ============================================
   Argon Modal Override
   ============================================ */

.modal-header {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
  color: white !important;
  border: none !important;
}

.modal-header .modal-title {
  color: white !important;
}

.modal-header .close {
  color: white !important;
  opacity: 0.8 !important;
}

.modal-header .close:hover {
  opacity: 1 !important;
}

/* ============================================
   Argon Tabs Override
   ============================================ */

.nav-tabs .nav-link.active {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
  border-color: #7cc820 !important;
  color: white !important;
}

.nav-pills .nav-link.active {
  background: linear-gradient(135deg, #7cc820 0%, #94c43c 100%) !important;
  color: white !important;
}

/* ============================================
   Argon Footer Override
   ============================================ */

.footer {
  background: linear-gradient(135deg, #040404 0%, #5c6454 100%) !important;
}

.footer .nav-link {
  color: rgba(255, 255, 255, 0.7) !important;
}

.footer .nav-link:hover {
  color: #7cc820 !important;
}

/* ============================================
   Custom eduSYMS Enhancements
   ============================================ */

/* Enhanced Shadows with Brand Colors */
.shadow-primary {
  box-shadow: 0 4px 25px rgba(124, 200, 32, 0.3) !important;
}

.shadow-secondary {
  box-shadow: 0 4px 25px rgba(135, 165, 82, 0.25) !important;
}

.shadow-success {
  box-shadow: 0 4px 25px rgba(148, 196, 60, 0.3) !important;
}

/* Enhanced Hover Effects */
.edusyms-hover-lift:hover {
  transform: translateY(-3px) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.edusyms-hover-glow:hover {
  box-shadow: 0 8px 40px rgba(124, 200, 32, 0.4) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Brand Accent Classes */
.text-lima { color: #7cc820 !important; }
.text-sushi { color: #94c43c !important; }
.text-chelsea { color: #87a552 !important; }
.text-asparagus { color: #545a52 !important; }
.text-siam { color: #5c6454 !important; }

.bg-lima { background-color: #7cc820 !important; }
.bg-sushi { background-color: #94c43c !important; }
.bg-chelsea { background-color: #87a552 !important; }
.bg-asparagus { background-color: #545a52 !important; }
.bg-siam { background-color: #5c6454 !important; }

/* ============================================
   Responsive Adjustments
   ============================================ */

@media (max-width: 768px) {
  .edusyms-hover-lift:hover {
    transform: none !important;
  }
  
  .navbar-nav .nav-link {
    padding: 12px 16px !important;
  }
  
  .sidenav .navbar-nav .nav-link {
    margin: 2px 8px !important;
  }
}

/* ============================================
   Print Styles
   ============================================ */

@media print {
  .bg-primary,
  .bg-secondary,
  .bg-success,
  .btn-primary,
  .btn-secondary,
  .btn-success {
    background: #87a552 !important;
    color: white !important;
  }
}