/* Exxelvio Custom Colors - Primary: #9BC53D */
:root {
    --color-1: #9BC53D !important;
    --primary-color: #9BC53D !important;
}

/* Gradient backgrounds */
.gradient,
.eBtn.gradient,
.gradient-border,
.gradient-border-btn:hover {
    background: linear-gradient(135deg, #9BC53D 0%, #7CB518 100%) !important;
    background-image: linear-gradient(135deg, #9BC53D 0%, #7CB518 100%) !important;
    color: #ffffff !important;
}

.gradient:hover {
    background: linear-gradient(135deg, #7CB518 0%, #9BC53D 100%) !important;
    color: #ffffff !important;
}

a.gradient:not(.color),
button.gradient,
.gradient:not(.color) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Text colors */
.gradient.color,
a:hover,
.text-primary {
    color: #9BC53D !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #9BC53D !important;
}

/* Buttons */
.eBtn.gradient,
.btn-primary,
.gradient-btn,
button.gradient {
    background: linear-gradient(135deg, #9BC53D 0%, #7CB518 100%) !important;
    border: none !important;
    color: #ffffff !important;
}

.eBtn.gradient:hover,
.btn-primary:hover,
.gradient-btn:hover,
button.gradient:hover {
    background: linear-gradient(135deg, #7CB518 0%, #9BC53D 100%) !important;
    color: #ffffff !important;
}

.eBtn.gradient *,
.btn-primary *,
.gradient-btn * {
    color: #ffffff !important;
}

/* Links and hover states */
a.gradient,
.nav-link:hover,
.nav-link.active {
    color: #9BC53D !important;
}

/* Borders */
.gradient-border,
.gradient-border2 {
    border-color: #9BC53D !important;
}

/* Category cards hover */
.category-card:hover,
.course-card:hover {
    border-color: #9BC53D !important;
}

/* Progress bars */
.progress-bar {
    background: linear-gradient(135deg, #9BC53D 0%, #7CB518 100%) !important;
}

/* Icons and badges */
.badge-primary,
.bg-primary {
    background-color: #9BC53D !important;
}

/* Form focus states */
input:focus,
textarea:focus,
select:focus {
    border-color: #9BC53D !important;
    box-shadow: 0 0 0 0.2rem rgba(155, 197, 61, 0.25) !important;
}

/* Header/Navigation active states */
.navbar .nav-link.active,
.navbar .nav-link:hover {
    color: #9BC53D !important;
}

/* Footer links */
footer a:hover {
    color: #9BC53D !important;
}

/* Price tags */
.price,
.course-price {
    color: #9BC53D !important;
}

/* Star ratings keep yellow */
.star-rating i {
    color: #ffc107 !important;
}