/* Cinnamon Craft Infratech - Light Mode Overrides Activated when is present Default background remains the premium dark navy. */ body[data-theme="light"] { --color-bg-light: #F7F9FC; --color-bg-white: #FFFFFF; --color-text: #0F1A24; --color-text-muted: #5A6E85; --color-border: rgba(7, 19, 33, 0.08); --color-glass-bg: rgba(255, 255, 255, 0.75); --color-glass-border: rgba(7, 19, 33, 0.08); --color-primary: #071321; --color-secondary: #0B1F35; background-color: var(--color-bg-light); color: var(--color-text); } body[data-theme="light"] h1, body[data-theme="light"] h2, body[data-theme="light"] h3, body[data-theme="light"] h4, body[data-theme="light"] h5, body[data-theme="light"] h6 { color: var(--color-primary); } /* Header Adjustments in Light Mode */ body[data-theme="light"] header.main-header { border-bottom: 1px solid rgba(7, 19, 33, 0.08); } body[data-theme="light"] header.main-header.scrolled { background-color: var(--color-glass-bg); border-bottom: 1px solid var(--color-glass-border); } body[data-theme="light"] header.main-header:not(.scrolled) .nav-link { color: var(--color-primary) !important; } body[data-theme="light"] header.main-header.scrolled .navbar-brand { color: var(--color-primary) !important; } body[data-theme="light"] header.main-header.scrolled .nav-link { color: var(--color-primary) !important; } body[data-theme="light"] header.main-header:not(.scrolled) .theme-switch-btn { color: var(--color-primary); } body[data-theme="light"] header.main-header.scrolled .theme-switch-btn { color: var(--color-primary); } /* Service Card Light Theme */ body[data-theme="light"] .service-card { background-color: var(--color-bg-white); border-color: var(--color-border); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); } body[data-theme="light"] .service-card:hover { border-color: var(--color-accent); } body[data-theme="light"] .service-icon-wrapper { background-color: rgba(255, 122, 26, 0.06); color: var(--color-accent); } /* Timeline/Process Step Light Theme */ body[data-theme="light"] .step-number { background-color: var(--color-bg-white); border-color: var(--color-accent); color: var(--color-accent); } body[data-theme="light"] .process-step:hover .step-number { background-color: var(--color-accent); color: #ffffff; } /* Project Filtering buttons */ body[data-theme="light"] .filter-btn { border-color: var(--color-border); color: var(--color-text-muted); } body[data-theme="light"] .filter-btn.active, body[data-theme="light"] .filter-btn:hover { background-color: var(--color-accent); color: #ffffff; border-color: var(--color-accent); } /* Before / After Label Override */ body[data-theme="light"] .before-label, body[data-theme="light"] .after-label { background-color: rgba(255, 255, 255, 0.9); color: var(--color-primary); } /* Testimonial Card */ body[data-theme="light"] .testimonial-card { background-color: var(--color-bg-white); border-color: var(--color-border); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); } /* Package Card */ body[data-theme="light"] .package-card { background-color: var(--color-bg-white); border-color: var(--color-border); } body[data-theme="light"] .package-card.featured-pkg { background-color: var(--color-secondary); border-color: var(--color-accent); color: #ffffff; } /* Calculator box */ body[data-theme="light"] .calculator-card { background-color: var(--color-bg-white); border-color: var(--color-border); } body[data-theme="light"] .calc-result-box { background-color: rgba(7, 19, 33, 0.02); border-color: var(--color-border); } body[data-theme="light"] .range-slider-value { color: var(--color-primary); } /* Contact Info Item */ body[data-theme="light"] .contact-info-icon { background-color: rgba(255, 122, 26, 0.06); } /* Forms */ body[data-theme="light"] .premium-form .form-control, body[data-theme="light"] .premium-form .form-select { background-color: var(--color-bg-white); border-color: var(--color-border); color: var(--color-primary); } body[data-theme="light"] .premium-form .form-control::placeholder { color: var(--color-text-muted); } body[data-theme="light"] .premium-form .form-control:focus { color: var(--color-primary); } /* Mega menu drop */ body[data-theme="light"] .mega-menu-dropdown { background-color: var(--color-bg-white); box-shadow: 0 15px 30px rgba(0,0,0,0.08); } /* Accordion FAQs */ body[data-theme="light"] .accordion-item { background-color: var(--color-bg-white); border-color: var(--color-border); } body[data-theme="light"] .accordion-button { background-color: var(--color-bg-white); color: var(--color-primary); } body[data-theme="light"] .accordion-button:not(.collapsed) { background-color: rgba(255, 122, 26, 0.05); color: var(--color-accent); } body[data-theme="light"] .accordion-button::after { filter: none; } /* Modals */ body[data-theme="light"] .modal-content { background-color: var(--color-bg-white); color: var(--color-primary); border-color: var(--color-border); } body[data-theme="light"] .btn-close { filter: none; } /* Blog Cards */ body[data-theme="light"] .blog-card { background-color: var(--color-bg-white); border-color: var(--color-border); } body[data-theme="light"] .blog-title a { color: var(--color-primary); } body[data-theme="light"] .blog-title a:hover { color: var(--color-accent); } /* Statistics cards */ body[data-theme="light"] .stat-card-luxury { background-color: var(--color-bg-white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); } body[data-theme="light"] .stat-card-luxury h3 { color: var(--color-primary); } /* Service Strip */ body[data-theme="light"] .service-strip { background-color: var(--color-bg-white); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06); } body[data-theme="light"] .service-strip-item { color: var(--color-primary); } /* AI Chat Card */ body[data-theme="light"] .ai-chat-card { background-color: var(--color-bg-white); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); color: var(--color-primary); } body[data-theme="light"] .ai-chat-card h6 { color: var(--color-primary); }