/* Custom CSS for Light Theme Overrides */

body.light-mode {
    background: #FAF9F6 !important;
    color: #555555 !important;
}

/* Header */
body.light-mode .header-area .header-floating .navbar .menu li a {
    color: #555555 !important;
}

body.light-mode .header-area .header-floating .navbar .menu li a:hover {
    color: #0F0F0F !important;
}

body.light-mode .header-area .header-floating .navbar .menu li.active a {
    color: #0F0F0F !important;
}

body.light-mode .header-area .header-floating .navbar .menu li.active a::after {
    background: #F57C52 !important;
    /* Orange accent */
}

/* Let's talk button */
body.light-mode .header-area .header-floating .theme-btn {
    background: #0F0F0F !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

body.light-mode .header-area .header-floating .theme-btn:hover {
    background: #F57C52 !important;
}

/* Logo Text */
body.light-mode .text-logo h3 {
    color: #0F0F0F !important;
}

body.light-mode .text-logo h3 span {
    color: #F57C52 !important;
    /* Orange dot */
}

/* About Me Box */
body.light-mode .about-me-box.dark-theme {
    background: #FFFFFF !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05) !important;
    border: none !important;
}

body.light-mode .about-me-box.dark-theme::before {
    display: none !important;
}

body.light-mode .about-me-box.dark-theme .img-box {
    border: none !important;
}

body.light-mode .about-me-box.dark-theme .img-box img {
    filter: none !important;
    /* Remove grayscale */
}

body.light-mode .about-me-box.dark-theme .infos h4 {
    background: transparent !important;
    border: 1px solid rgba(245, 124, 82, 0.2) !important;
    color: #F57C52 !important;
    opacity: 1 !important;
}

body.light-mode .about-me-box.dark-theme .infos h1 {
    color: #0F0F0F !important;
}

body.light-mode .text-gradient {
    background: none !important;
    color: orange !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}

body.light-mode .about-me-box.dark-theme .infos h1 .text-gradient {
    color: #F57C52 !important;
}

body.light-mode .about-contact-box.dark-gradient-bg h1 span {
    color: #F57C52 !important;
}

body.light-mode .about-me-box.dark-theme .infos p {
    color: #555555 !important;
}

body.light-mode .about-me-box.dark-theme .about-bottom-actions .more-text {
    color: #0F0F0F !important;
}

body.light-mode .about-me-box.dark-theme .about-bottom-actions .about-btn {
    background: #F57C52 !important;
    color: #FFFFFF !important;
}

body.light-mode .about-me-box.dark-theme .social-links a {
    color: #0F0F0F !important;
}

body.light-mode .follow-text {
    color: #555555 !important;
}

/* Marquee Box */
body.light-mode .rounded-pill-banner {
    background: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .marquee-icon {
    background: rgba(245, 124, 82, 0.1) !important;
}

body.light-mode .marquee-icon img {
    filter: invert(47%) sepia(85%) saturate(848%) hue-rotate(338deg) brightness(97%) contrast(92%) !important;
    /* Orange tint filter approximation for #F57C52 */
}

body.light-mode .marquee span {
    color: #0F0F0F !important;
}

body.light-mode .marquee span .dot {
    color: #F57C52 !important;
}

/* Credentials & Projects Info Boxes */
body.light-mode .info-box.about-crenditials-box,
body.light-mode .info-box.about-project-box {
    background: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .info-box.about-crenditials-box::before,
body.light-mode .info-box.about-project-box::before {
    display: none !important;
}

body.light-mode .icon-circle {
    background: rgba(245, 124, 82, 0.1) !important;
    border: none !important;
}

body.light-mode .icon-circle.green {
    background: rgba(245, 124, 82, 0.1) !important;
    border: none !important;
}

body.light-mode .icon-circle img {
    filter: invert(47%) sepia(85%) saturate(848%) hue-rotate(338deg) brightness(97%) contrast(92%) !important;
}

body.light-mode .info-box .infos h4 {
    color: #555555 !important;
}

body.light-mode .info-box .infos h1 {
    color: #0F0F0F !important;
}

body.light-mode .btn-rounded {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .btn-rounded:hover {
    background: #F9F9F9 !important;
}

body.light-mode .about-btn img,
body.light-mode .btn-rounded img {
    filter: none !important;
}

/* Stats Box */
body.light-mode .about-client-box {
    background: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .stat-icon {
    background: rgba(245, 124, 82, 0.1) !important;
    color: #F57C52 !important;
}

body.light-mode .stat-blue .stat-icon,
body.light-mode .stat-purple .stat-icon,
body.light-mode .stat-green .stat-icon {
    background: rgba(245, 124, 82, 0.1) !important;
    color: #F57C52 !important;
}

body.light-mode .stat-blue h1,
body.light-mode .stat-purple h1,
body.light-mode .stat-green h1,
body.light-mode .client-item h1 {
    color: #F57C52 !important;
}

body.light-mode .client-item p {
    color: #0F0F0F !important;
}

/* Contact Box */
body.light-mode .about-contact-box.dark-gradient-bg {
    background: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .about-contact-box.dark-gradient-bg::before,
body.light-mode .about-contact-box.dark-gradient-bg::after {
    display: none !important;
}

body.light-mode .about-contact-box.dark-gradient-bg h1 {
    color: #0F0F0F !important;
}

body.light-mode .about-contact-box.dark-gradient-bg h1 span {
    color: #F57C52 !important;
}

body.light-mode .contact-subtext {
    color: #555555 !important;
}

body.light-mode .btn-gradient {
    background: #F57C52 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
}

body.light-mode .btn-gradient img {
    filter: brightness(0) invert(1) !important;
}

/* Global Subpage Elements */
body.light-mode .shadow-box {
    background: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

body.light-mode .shadow-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12) !important;
}

body.light-mode .shadow-box h1,
body.light-mode .shadow-box h2,
body.light-mode .shadow-box h3,
body.light-mode .shadow-box h4,
body.light-mode .shadow-box h5,
body.light-mode .shadow-box h6 {
    color: #0F0F0F !important;
}

body.light-mode .shadow-box p,
body.light-mode .shadow-box span {
    color: #555555 !important;
}

body.light-mode .section-heading {
    color: #0F0F0F !important;
}

body.light-mode .project-item .project-info h1 {
    color: #0F0F0F !important;
}

body.light-mode .project-item .project-info p {
    color: #F57C52 !important;
}

body.light-mode .project-item .project-btn {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .project-item .project-btn img {
    filter: none !important;
}

body.light-mode .contact-form input,
body.light-mode .contact-form textarea {
    background: #F9F9F9 !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    color: #0F0F0F !important;
}

body.light-mode .contact-form input::placeholder,
body.light-mode .contact-form textarea::placeholder {
    color: #999999 !important;
}

body.light-mode .contact-form .theme-btn {
    background: #F57C52 !important;
}

body.light-mode .about-edc-exp ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .about-edc-exp ul li .date {
    color: #555555 !important;
}

body.light-mode .about-edc-exp h3 {
    color: #0F0F0F !important;
}

body.light-mode .contact-details .right span {
    color: #555555 !important;
}

body.light-mode .contact-details .right h4 {
    color: #0F0F0F !important;
}

/* Theme Toggle Button Styles */
.theme-toggle-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #171923;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.03);
    margin-right: 15px;
}

.theme-toggle-wrap i {
    font-size: 20px;
    color: #FFFFFF;
}

.theme-toggle-wrap .light-icon {
    display: none;
}

.theme-toggle-wrap .dark-icon {
    display: block;
}

body.light-mode .theme-toggle-wrap {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
}

body.light-mode .theme-toggle-wrap i {
    color: #0F0F0F;
}

body.light-mode .theme-toggle-wrap .light-icon {
    display: block;
}

body.light-mode .theme-toggle-wrap .dark-icon {
    display: none;
}

/* Custom Cursor Light Theme Override */
body.light-mode .custom-cursor {
    background-color: orange !important;
}

body.light-mode .custom-cursor.hover {
    background-color: transparent !important;
    border-color: orange !important;
}

/* Responsive Overrides */
@media (max-width: 767px) {
    body.light-mode .header-area .show-menu span {
        background: #0F0F0F !important;
    }

    body.light-mode .header-area .navbar {
        background: #FAF9F6 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    }
}