/* 
 * Earth Elements - Light Theme Overrides
 */

body.light-theme {
    background: #ffffff;
    color: #333333;
}

/* Banner Section Overrides */
.light-theme #text-container.bg-black {
    background-color: #f9f9f9 !important;
    color: #333333 !important;
}

.light-theme #text-container h1 {
    color: #222222 !important;
}

/* Services and Section Titles */
.light-theme .pq-section-main-title {
    color: #222222 !important;
}

.light-theme .pq-section-description {
    color: #555555 !important;
}

/* Dark Background Sections -> Light */
.light-theme .pq-bg-dark {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Background Images with Overlays */
.light-theme .pq-bg-img-2:before {
    opacity: 0.05; /* Make the marble pattern very subtle */
    filter: invert(0); /* Ensure it's not inverted if it was already dark */
}

/* Force light background on stone section */
.light-theme section.stone.pq-bg-dark {
    background-color: #f4f4f4 !important;
}

.light-theme .pq-section-title .pq-text-white {
    color: #222222 !important;
}

/* Footer Section Overrides */
.light-theme footer#pq-footer {
    background-color: #f8f9fa !important;
    color: #333333 !important;
    border-top: 1px solid #eeeeee;
}

.light-theme footer#pq-footer .footer-title,
.light-theme footer#pq-footer h4 {
    color: #222222 !important;
}

/* If the logo is white, we might need a dark version or filter it */
.light-theme .pq-footer-logo img {
    filter: invert(1) brightness(0.2); /* Invert white logo to dark */
}

.light-theme footer#pq-footer p, 
.light-theme footer#pq-footer span,
.light-theme footer#pq-footer a,
.light-theme footer#pq-footer li {
    color: #555555 !important;
}

.light-theme footer#pq-footer a:hover {
    color: #c7984f !important;
}

.light-theme .pq-copyright-footer {
    background-color: #f1f1f1 !important;
    border-top: 1px solid #dddddd;
}

.light-theme .pq-copyright {
    color: #777777 !important;
}

/* Buttons in dark sections */
.light-theme .pq-bg-dark .pq-button.pq-button-flat {
    border-color: #c7984f !important;
}

.light-theme .pq-bg-dark .pq-button.pq-button-flat .pq-button-text {
    color: #c7984f !important;
}

/* Image Box titles in dark background section */
.light-theme .pq-image-box.pq-style-1 .pq-image-box-title,
.light-theme .pq-image-box.pq-style-1 .pq-image-box-title a {
    color: #333333 !important;
}

/* Owl Carousel Dots */
.light-theme .owl-dots .owl-dot span {
    background: #cccccc !important;
}

.light-theme .owl-dots .owl-dot.active span {
    background: #c7984f !important;
}

/* Divider colors */
.light-theme .divider {
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.light-theme .pq-bg-dark .pq-left-border:before,
.light-theme .pq-bg-dark .pq-right-border:before {
    background: rgba(0, 0, 0, 0.1) !important;
}

/* Header and Navigation Overrides */
.light-theme #pq-header {
    background-color: #ffffff !important;
}

.light-theme .pq-top-header {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #eeeeee;
}

.light-theme .pq-header-contact ul li a,
.light-theme .pq-header-time ul li span,
.light-theme .pq-header-time ul li i,
.light-theme .pq-top-right .pq-header-social ul li a i {
    color: #444444 !important;
}

.light-theme #pq-main-menu > li > a {
    color: #222222 !important;
}

.light-theme #pq-main-menu > li > a:hover,
.light-theme #pq-main-menu > li.current-menu-item > a {
    color: #c7984f !important;
}

/* Fix for any dark overlays on background images */
.light-theme .pq-bg-img-1:before,
.light-theme .pq-bg-img-2:before {
    opacity: 0.1 !important;
}

.light-theme .pq-text-white {
    color: #333333 !important;
}

.light-theme .pq-image-box-title a {
    color: #222222 !important;
}

/* Ensure logo is visible (if white, make it dark) */
.light-theme .navbar-brand img.logo,
.light-theme .pq-footer-logo img {
    filter: brightness(0.1) contrast(1.2) !important;
}

/* Sticky Header specific */
.light-theme .pq-header-sticky #pq-header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}