/* Green theme based on the Borna palette. */

/* رنگ‌های اصلی */
:root {
    --primary-color: #15965a;
    --primary-dark: #11814d;
    --primary-light: #3abf78;
    --secondary-color: #11814d;
}

/* Dark Mode Fixes */
body.dark-mode {
    background: #09140f !important;
    color: #edf8f1 !important;
}

body.dark-mode .profile-container,
body.dark-mode .content-card,
body.dark-mode .card {
    background: #101f18 !important;
    color: #edf8f1 !important;
}

body.dark-mode .course-card,
body.dark-mode .feature-card {
    background: #101f18 !important;
    color: #edf8f1 !important;
    border-color: #294437 !important;
}

body.dark-mode h1, 
body.dark-mode h2, 
body.dark-mode h3, 
body.dark-mode h4,
body.dark-mode .course-title,
body.dark-mode .feature-title {
    color: #edf8f1 !important;
}

body.dark-mode p,
body.dark-mode .course-description,
body.dark-mode .feature-description {
    color: #b5c7bd !important;
}

body.dark-mode .fa,
body.dark-mode .fas,
body.dark-mode .far,
body.dark-mode .fa-solid,
body.dark-mode .fa-regular,
body.dark-mode .fab,
body.dark-mode .fa-brands {
    color: #edf8f1 !important;
}

body.dark-mode .profile-header-card {
    background: linear-gradient(135deg, #294437 0%, #101f18 100%) !important;
    color: white !important;
}

/* Make sure all icon backgrounds use dark gray in dark mode */
body.dark-mode .feature-icon,
body.dark-mode .stats-box {
    background: linear-gradient(135deg, #294437 0%, #101f18 100%) !important;
}

/* Buttons in dark mode - dark gray */
body.dark-mode .btn-primary, 
body.dark-mode .btn-success {
    background: linear-gradient(135deg, #294437 0%, #152a20 100%) !important;
    border: none !important;
    color: white !important;
}

body.dark-mode .btn-primary:hover, 
body.dark-mode .btn-success:hover {
    background: linear-gradient(135deg, #365746 0%, #294437 100%) !important;
    color: white !important;
}

/* Progress bars in dark mode */
body.dark-mode .progress-bar, 
body.dark-mode .bg-success {
    background: linear-gradient(135deg, #294437 0%, #152a20 100%) !important;
}

/* Badges in dark mode */
body.dark-mode .badge-success {
    background: #294437 !important;
}

/* Card headers in dark mode */
body.dark-mode .card-header {
    background: #101f18 !important;
    border-bottom-color: #294437 !important;
}

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background: #152a20 !important;
    color: #edf8f1 !important;
    border-color: #365746 !important;
}

body.dark-mode table th {
    background: #152a20 !important;
    color: #edf8f1 !important;
}

body.dark-mode table td {
    border-color: #294437 !important;
    color: #edf8f1 !important;
}

body.dark-mode table tr:hover {
    background: #152a20 !important;
}

body.dark-mode .sidebar {
    background: #101f18 !important;
}

body.dark-mode .top-bar {
    background: #101f18 !important;
    color: #edf8f1 !important;
}

body.dark-mode .features-section,
body.dark-mode .cta-section {
    background: #09140f !important;
}

body.dark-mode .courses-section {
    background: #0f1c16 !important;
}

body.dark-mode .section-title {
    color: #3abf78 !important;
}

/* Header Background */
.header-background {
    background: linear-gradient(135deg, #15965a 0%, #11814d 100%) !important;
}

/* Header Background in Dark Mode - Gray */
body.dark-mode .header-background {
    background: linear-gradient(135deg, #365746 0%, #152a20 100%) !important;
}

/* Gradient Backgrounds */
body {
    background: linear-gradient(135deg, #edf6f1 0%, #d7e4dc 100%) !important;
}

/* Profile Header Card */
.profile-header-card {
    background: linear-gradient(135deg, #15965a 0%, #11814d 100%) !important;
    box-shadow: 0 20px 60px rgba(21, 150, 90, 0.4) !important;
}

/* Particles */
.particle {
    background: rgba(21, 150, 90, 0.3) !important;
}

/* Buttons */
.btn-primary, .btn-success {
    background: linear-gradient(135deg, #15965a 0%, #11814d 100%) !important;
    border: none !important;
    color: white !important;
}

.btn-primary:hover, .btn-success:hover {
    background: linear-gradient(135deg, #11814d 0%, #0c3827 100%) !important;
    color: white !important;
}

/* Links */
a {
    color: #15965a !important;
}

a:hover {
    color: #11814d !important;
}

/* Course cards CTA (links styled as buttons) */
a.btn-view-course,
.btn-view-course,
a.btn-all-courses,
.btn-all-courses {
    color: #ffffff !important;
}

/* Course show CTA (some are <a> not <button>) */
a.btn-purchase,
a.btn-purchased,
.btn-purchase,
.btn-purchased {
    color: #ffffff !important;
}

/* Category filter pills (e.g. /courses) - keep active text readable */
.category-filter-btn.active,
.category-filter-btn.active:hover {
    color: #ffffff !important;
}

/* Cards and Sections */
.card {
    border-color: #d7e4dc !important;
}

.card-header {
    background: linear-gradient(135deg, #edf6f1 0%, #d7e4dc 100%) !important;
    border-bottom-color: #9ec8b4 !important;
}

/* Progress Bars */
.progress-bar, .bg-success {
    background: linear-gradient(135deg, #15965a 0%, #11814d 100%) !important;
}

/* Badges */
.badge-success {
    background: #15965a !important;
}

/* Forms */
input:focus, textarea:focus, select:focus {
    border-color: #15965a !important;
    box-shadow: 0 0 0 0.2rem rgba(21, 150, 90, 0.25) !important;
}

/* Navigation */
.nav-link.active {
    color: #15965a !important;
    border-bottom-color: #15965a !important;
}

/* Stats Cards */
.stats-card {
    border-right: 4px solid #15965a !important;
}

/* Icons with green color - change to blue */
.text-success, .text-green {
    color: #15965a !important;
}

/* Course Cards */
.course-card {
    border-color: #9ec8b4 !important;
}

.course-card:hover {
    box-shadow: 0 8px 25px rgba(21, 150, 90, 0.2) !important;
    border-color: #15965a !important;
}

/* Category Filters */
.category-filter .active {
    background: #15965a !important;
    color: white !important;
}

.category-filter button:hover {
    background: #edf6f1 !important;
    color: #15965a !important;
}

/* Video Player */
.video-player-container {
    border-color: #9ec8b4 !important;
}

/* Alerts */
.alert-success {
    background-color: #edf6f1 !important;
    border-color: #9ec8b4 !important;
    color: #11814d !important;
}

/* =========================== */
/* Dark Mode Overrides - All Blue Elements to Dark Gray */
/* =========================== */

/* Links in dark mode */
body.dark-mode a {
    color: #b5c7bd !important;
}

body.dark-mode a:hover {
    color: #ffffff !important;
}

/* Navigation active links in dark mode */
body.dark-mode .nav-link.active {
    color: #ffffff !important;
    border-bottom-color: #365746 !important;
}

/* Stats Cards in dark mode */
body.dark-mode .stats-card {
    border-right: 4px solid #365746 !important;
}

/* Icons with success/green color in dark mode */
body.dark-mode .text-success, 
body.dark-mode .text-green {
    color: #b5c7bd !important;
}

/* Course Cards in dark mode */
body.dark-mode .course-card {
    border-color: #294437 !important;
}

body.dark-mode .course-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;
    border-color: #365746 !important;
}

/* Category Filters in dark mode */
body.dark-mode .category-filter .active {
    background: #294437 !important;
    color: white !important;
}

body.dark-mode .category-filter button:hover {
    background: #152a20 !important;
    color: #ffffff !important;
}

/* Video Player in dark mode */
body.dark-mode .video-player-container {
    border-color: #294437 !important;
}

/* Alerts in dark mode */
body.dark-mode .alert-success {
    background-color: #101f18 !important;
    border-color: #294437 !important;
    color: #edf8f1 !important;
}

/* Forms focus in dark mode */
body.dark-mode input:focus, 
body.dark-mode textarea:focus, 
body.dark-mode select:focus {
    border-color: #365746 !important;
    box-shadow: 0 0 0 0.2rem rgba(90, 90, 90, 0.25) !important;
}

/* Particles in dark mode */
body.dark-mode .particle {
    background: rgba(100, 100, 100, 0.3) !important;
}

/* Profile Header Card shadow in dark mode */
body.dark-mode .profile-header-card {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
}