/* Dynamic About Section Styles - Controlled from Admin Panel */

/* ========================================
   ABOUT SECTION BACKGROUND
   ======================================== */

.about-section-new {
    background: #f5f5f2 !important;
}

/* ========================================
   STATISTICS CARDS
   ======================================== */

/* Statistics card background */
html body:not(.dark-mode):not([data-theme="dark"]) .about-stat-card,
body:not(.dark-mode):not([data-theme="dark"]) .about-stat-card,
.about-stat-card {
    background: #f5f5f2 !important;
}

/* Statistics card icon background */
html body:not(.dark-mode):not([data-theme="dark"]) .about-stat-card .stat-icon,
html body:not(.dark-mode):not([data-theme="dark"]) .stat-icon,
body:not(.dark-mode):not([data-theme="dark"]) .about-stat-card .stat-icon,
body:not(.dark-mode):not([data-theme="dark"]) .stat-icon,
.about-stat-card .stat-icon,
.stat-icon {
    background: #eaeadc !important;
}

/* Statistics card icons */
html body:not(.dark-mode):not([data-theme="dark"]) .about-stat-card .stat-icon i,
html body:not(.dark-mode):not([data-theme="dark"]) .stat-icon i,
body:not(.dark-mode):not([data-theme="dark"]) .about-stat-card .stat-icon i,
body:not(.dark-mode):not([data-theme="dark"]) .stat-icon i,
.about-stat-card .stat-icon i,
.stat-icon i {
    color: #c28840 !important;
}

/* Statistics card numbers */
html body:not(.dark-mode):not([data-theme="dark"]) .about-stat-card .stat-number,
html body:not(.dark-mode):not([data-theme="dark"]) .stat-number,
body:not(.dark-mode):not([data-theme="dark"]) .about-stat-card .stat-number,
body:not(.dark-mode):not([data-theme="dark"]) .stat-number,
.about-stat-card .stat-number,
.stat-number {
    color: #000000 !important;
}

/* Statistics card labels */
html body:not(.dark-mode):not([data-theme="dark"]) .about-stat-card .stat-label,
html body:not(.dark-mode):not([data-theme="dark"]) .stat-label,
body:not(.dark-mode):not([data-theme="dark"]) .about-stat-card .stat-label,
body:not(.dark-mode):not([data-theme="dark"]) .stat-label,
.about-stat-card .stat-label,
.stat-label {
    color: #000000 !important;
}

/* ========================================
   FEATURE CARDS
   ======================================== */

/* Feature card background */
html body:not(.dark-mode):not([data-theme="dark"]) .about-feature-card,
body:not(.dark-mode):not([data-theme="dark"]) .about-feature-card,
.about-feature-card {
    background: #fafafa !important;
}

/* Feature card icon background */
html body:not(.dark-mode):not([data-theme="dark"]) .about-feature-card .feature-icon,
html body:not(.dark-mode):not([data-theme="dark"]) .feature-icon,
body:not(.dark-mode):not([data-theme="dark"]) .about-feature-card .feature-icon,
body:not(.dark-mode):not([data-theme="dark"]) .feature-icon,
.about-feature-card .feature-icon,
.feature-icon {
    background: #eaeadc !important;
}

/* Feature card icons */
html body:not(.dark-mode):not([data-theme="dark"]) .about-feature-card .feature-icon i,
html body:not(.dark-mode):not([data-theme="dark"]) .feature-icon i,
body:not(.dark-mode):not([data-theme="dark"]) .about-feature-card .feature-icon i,
body:not(.dark-mode):not([data-theme="dark"]) .feature-icon i,
.about-feature-card .feature-icon i,
.feature-icon i {
    color: #c28840 !important;
}

/* Feature card titles */
html body:not(.dark-mode):not([data-theme="dark"]) .about-feature-card .feature-title,
html body:not(.dark-mode):not([data-theme="dark"]) .feature-title,
body:not(.dark-mode):not([data-theme="dark"]) .about-feature-card .feature-title,
body:not(.dark-mode):not([data-theme="dark"]) .feature-title,
.about-feature-card .feature-title,
.feature-title {
    color: #5a4951 !important;
}

/* Feature card descriptions */
html body:not(.dark-mode):not([data-theme="dark"]) .about-feature-card .feature-description,
html body:not(.dark-mode):not([data-theme="dark"]) .feature-description,
body:not(.dark-mode):not([data-theme="dark"]) .about-feature-card .feature-description,
body:not(.dark-mode):not([data-theme="dark"]) .feature-description,
.about-feature-card .feature-description,
.feature-description {
    color: #5a4951 !important;
}

/* ========================================
   DARK MODE COMPATIBILITY
   ======================================== */

/* Ensure colors work in both light and dark mode */
body:not(.dark-mode) .about-section-new,
body:not([data-theme="dark"]) .about-section-new {
    background: #f5f5f2 !important;
}

body:not(.dark-mode) .about-stat-card,
body:not([data-theme="dark"]) .about-stat-card {
    background: #f5f5f2 !important;
}

body:not(.dark-mode) .about-feature-card,
body:not([data-theme="dark"]) .about-feature-card {
    background: #fafafa !important;
}