/* Global Light Theme Styles - Ensures consistency across all pages */

* {
    box-sizing: border-box;
}

html, body {
    background: #fff !important;
    color: #000 !important;
}

/* Ensure all headings are visible */
h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color) !important;
}

/* But allow footer and admin sidebar headings to be white */
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
.admin-sidebar h1, .admin-sidebar h2, .admin-sidebar h3, .admin-sidebar h4, .admin-sidebar h5, .admin-sidebar h6,
.why-choose-section h1, .why-choose-section h2, .why-choose-section h3, .why-choose-section h4, .why-choose-section h5, .why-choose-section h6,
.header-bottom h1, .header-bottom h2, .header-bottom h3, .header-bottom h4, .header-bottom h5, .header-bottom h6 {
    color: #fff !important;
}

/* Ensure all main content areas are light */
#main,
main,
.content,
.container {
    background: #fff;
}

/* Exception: containers inside footer should be transparent to show footer background */
.footer .container,
.why-choose-section .container,
.header-bottom .container,
.header-main .container,
.header-bottom-content {
    background: transparent !important;
}

/* Ensure all cards and boxes are light */
.card,
.box,
.panel {
    background: #fff;
    color: #000;
}

/* Override any dark backgrounds */
[style*="background: #000"],
[style*="background: #333"],
[style*="background: #222"],
[style*="background-color: #000"],
[style*="background-color: #333"],
[style*="background-color: #222"] {
    background: #fff !important;
    color: #000 !important;
}

/* Exception: allow why-choose-section to have dark background */
.why-choose-section {
    background: #000 !important;
    color: #fff !important;
}

/* Exception: allow header-bottom to have dark background */
.header-bottom {
    background: var(--primary-color) !important;
    color: #fff !important;
}

/* Ensure text is always readable - default to black on white backgrounds */
p, span, div, a, li, td, th, label, input, textarea, select {
    color: #000 !important;
}

/* Exception: admin main area text should be black (already handled by admin.css, but ensure it works) */
.admin-main p,
.admin-main span,
.admin-main div:not(.admin-sidebar):not(.nav-item),
.admin-main a:not(.nav-item),
.admin-main li,
.admin-main td,
.admin-main th:not(.data-table th),
.admin-main label,
.admin-main input,
.admin-main textarea,
.admin-main select {
    color: #000 !important;
}

/* Exception: text inside why-choose-section should be white */
.why-choose-section p,
.why-choose-section span,
.why-choose-section div,
.why-choose-section a,
.why-choose-section li {
    color: #fff !important;
}

/* Exception: text inside header-bottom should be white */
.header-bottom p,
.header-bottom span,
.header-bottom div,
.header-bottom a,
.header-bottom li,
.header-bottom-content p,
.header-bottom-content span,
.header-bottom-content div,
.header-bottom-content a,
.header-bottom-content li,
.main-nav p,
.main-nav span,
.main-nav div,
.main-nav a,
.main-nav li,
.nav p,
.nav span,
.nav div,
.nav a,
.nav li {
    color: #fff !important;
}

/* But allow buttons with colored backgrounds to have white text */
.button, button[type="submit"], .btn-primary, .btn-secondary, .datxe-submit {
    color: #fff !important;
}

/* Footer can have primary color background but text must be white */
/* Don't set background on .footer itself - let .footer-content and .footer-bottom handle it */
.footer {
    background: transparent !important;
}

.footer-content {
    background-color: #3498db !important;
}

.footer-bottom {
    background-color: #2980b9 !important;
}

.footer * {
    color: #fff !important;
}

/* Admin sidebar can have primary color */
.admin-sidebar {
    background: var(--primary-color) !important;
}

.admin-sidebar * {
    color: #fff !important;
}

/* Admin main area - ensure text is black */
.admin-main,
.admin-main * {
    color: #000 !important;
}

/* Exception: admin sidebar should have white text */
.admin-sidebar,
.admin-sidebar * {
    color: #fff !important;
}

/* Exception: buttons in admin should have white text */
.admin-main .btn-primary,
.admin-main .btn-secondary,
.admin-main button[type="submit"] {
    color: #fff !important;
}

/* Exception: table headers should have white text */
.admin-main .data-table th {
    color: #fff !important;
}

/* Exception: headings should use primary color */
.admin-main h1,
.admin-main h2,
.admin-main h3,
.admin-main h4,
.admin-main h5,
.admin-main h6 {
    color: var(--primary-color) !important;
}

/* Exception: labels should use primary color */
.admin-main label,
.modal-content label,
.settings-form label {
    color: var(--primary-color) !important;
}