/* Light-only overrides. Dark mode uses the original theme styles. */
html[data-sc-theme="light"]{--bg:#fff;--bg-body:#fff;--bg-soft:#f7f5fc;--card:#fff;--card-2:#f0ecf8;--text:#201934;--text-muted:#5c566d;--border:#e2dced;--purple-light:#7137cc;color-scheme:light;}
html[data-sc-theme="light"] .ctaBtn{color: var(--text);}
html[data-sc-theme="light"] .btn-primary{color: var(--text);}
html[data-sc-theme="light"] .btn-primary:hover{color: var(--text) !important;}
html[data-sc-theme="light"] .btn-secondary{color: var(--text);}
html[data-sc-theme="light"] .btn-secondary:hover{color: var(--text);}
html[data-sc-theme="light"] .card{border: 1px solid var(--border);}
html[data-sc-theme="light"] .icon-before li::before{color: var(--text);}
html[data-sc-theme="light"] body{color: var(--text);}
html[data-sc-theme="light"] p{color: var(--text-muted);}
html[data-sc-theme="light"] .outline{color: var(--text);}
html[data-sc-theme="light"] .btn-11{color: var(--text);}
html[data-sc-theme="light"] .btn-11:hover{color: var(--text);}
html[data-sc-theme="light"] .site-navigation ul.menu li ul{background: var(--bg-soft);border: 1px solid var(--border);}
html[data-sc-theme="light"] .menu a{color: var(--text);}
html[data-sc-theme="light"] .custom-footer{color: var(--text);}
html[data-sc-theme="light"] .footer-desc{color: var(--text-muted);}
html[data-sc-theme="light"] .footer-col .footer_heading{color: var(--text);}
html[data-sc-theme="light"] .footer-menu a,
html[data-sc-theme="light"] .contact-list li{color: var(--text-muted);}
html[data-sc-theme="light"] .social-links a{color: var(--text);}
html[data-sc-theme="light"] .footer-bottom p{color: var(--text-muted);}
html[data-sc-theme="light"] .footer-policy a{color: var(--text-muted);}
html[data-sc-theme="light"] .section-heading p{color: var(--text-muted);}
html[data-sc-theme="light"] .blog-content h3 a{color: var(--text);}
html[data-sc-theme="light"] .blog-meta{color: var(--text-muted);}
html[data-sc-theme="light"] .blog-btn{color: var(--text);}
html[data-sc-theme="light"] .whatsapp-btn{color: var(--text);}
html[data-sc-theme="light"] .whatsapp-btn:hover{color: var(--text);}
html[data-sc-theme="light"] .btn-primary{color: var(--text);}
html[data-sc-theme="light"] .btn-secondary{color: var(--text);}
html[data-sc-theme="light"] .icon{color: var(--text);}
html[data-sc-theme="light"] .content p{color: var(--text-muted);}
html[data-sc-theme="light"] .page-id-19 input,
html[data-sc-theme="light"] select,
html[data-sc-theme="light"] textarea{color: var(--text) !important;}
html[data-sc-theme="light"] .page-id-19 input:-webkit-autofill,
html[data-sc-theme="light"] .page-id-19 input:-webkit-autofill:hover,
html[data-sc-theme="light"] .page-id-19 input:-webkit-autofill:focus,
html[data-sc-theme="light"] .page-id-19 textarea:-webkit-autofill,
html[data-sc-theme="light"] .page-id-19 select:-webkit-autofill{-webkit-text-fill-color: var(--text) !important;}
html[data-sc-theme="light"] .page-id-19 .ff-default select option{background: var(--bg-soft) !important;color: var(--text) !important;}
html[data-sc-theme="light"] .faq-answer{background: var(--bg-soft);}
html[data-sc-theme="light"] .device{background: var(--bg-soft);border: 1px solid var(--border);}
html[data-sc-theme="light"] .serviceSection a:hover{color: var(--text);}
html[data-sc-theme="light"] .section-header h2{color: var(--text);}
html[data-sc-theme="light"] .section-header p{color: var(--text-muted);}
html[data-sc-theme="light"] .budget-icon{color: var(--text);}
html[data-sc-theme="light"] .budget-card h3{color: var(--text);}
html[data-sc-theme="light"] .budget-card p{color: var(--text-muted);}
html[data-sc-theme="light"] .budget-card li{color: var(--text-muted);}
html[data-sc-theme="light"] .budget-btn:hover{color: var(--text);}
html[data-sc-theme="light"] .growth-content p{color: var(--text-muted);}
html[data-sc-theme="light"] .growth-list li{color: var(--text-muted);}
html[data-sc-theme="light"] .growth-list li::before{color: var(--text);}
html[data-sc-theme="light"] .icon-box{color: var(--text);}
html[data-sc-theme="light"] .info-card h3{color: var(--text);}
html[data-sc-theme="light"] .info-card h4{color: var(--text);}
html[data-sc-theme="light"] .info-card p{color: var(--text-muted);}
html[data-sc-theme="light"] .section-heading p{color: var(--text-muted);}
html[data-sc-theme="light"] .quote-icon{color: var(--text);}
html[data-sc-theme="light"] .testimonial-content{color: var(--text-muted);}
html[data-sc-theme="light"] .author-info h4{color: var(--text);}
html[data-sc-theme="light"] .section-heading p{color: var(--text-muted);}
html[data-sc-theme="light"] .blog-content h3 a{color: var(--text);}
html[data-sc-theme="light"] .blog-meta{color: var(--text-muted);}
html[data-sc-theme="light"] .blog-btn{color: var(--text);}
html[data-sc-theme="light"] .portfolio img{background: var(--bg-soft);}
html[data-sc-theme="light"] .stat{background: var(--bg-soft);}
html[data-sc-theme="light"] .blog-image{background: linear-gradient(90deg,
            var(--bg-soft) 0%,
            #2B004F 100%);}
html[data-sc-theme="light"] .point-text h4{color: var(--text);}
html[data-sc-theme="light"] .ppc-content ul li{color: var(--text-muted);}
html[data-sc-theme="light"] .points strong{color: var(--text);}
html[data-sc-theme="light"] .promise-content h2{color: var(--text);}
html[data-sc-theme="light"] .promise-content h2 span{color: var(--text);}
html[data-sc-theme="light"] .promise-content p{color: var(--text-muted);}
html[data-sc-theme="light"] .process-grid div{border: 1px solid var(--border);}
html[data-sc-theme="light"] .cta{background: linear-gradient(90deg,var(--bg-soft),var(--bg-soft));}
html[data-sc-theme="light"] .btn{color: var(--text);}
html[data-sc-theme="light"] .cta-section{background: var(--bg-soft);color: var(--text);}
html[data-sc-theme="light"] .box-heading{color: var(--text);}
html[data-sc-theme="light"] .feature-box i{color: var(--text);}
html[data-sc-theme="light"] .cmsbox li::before{color: var(--text);}
html[data-sc-theme="light"] .comparison-column i.fa-times-circle{color: var(--text);}
html[data-sc-theme="light"] .hero-content p{color: var(--text-muted);}
html[data-sc-theme="light"] .service-card{background: var(--bg-soft);}
html[data-sc-theme="light"] .service-card p{color: var(--text-muted);}
html[data-sc-theme="light"] .tool-box{color: var(--text);}
html[data-sc-theme="light"] .detail-card ul li{color: var(--text-muted);}
html[data-sc-theme="light"] .process-box p{color: var(--text-muted);}
html[data-sc-theme="light"] .why-left ul li{color: var(--text-muted);}
html[data-sc-theme="light"] .stat-card p{color: var(--text-muted);}
html[data-sc-theme="light"] .cta-box-uiux{background: linear-gradient(
        135deg,
        var(--bg-soft),
        var(--bg-soft)
    );}
html[data-sc-theme="light"] .cta-content p{color: var(--text-muted);}
html[data-sc-theme="light"] .tech-card p{color: var(--text-muted);}
html[data-sc-theme="light"] .single-blog-page{background: var(--bg-soft);color: var(--text);}
html[data-sc-theme="light"] .blog-excerpt{color: var(--text-muted);}
html[data-sc-theme="light"] .tldr-box,
html[data-sc-theme="light"] .sidebar-card,
html[data-sc-theme="light"] .cta-box{background: var(--bg-soft);}
html[data-sc-theme="light"] .newsletter-card button,
html[data-sc-theme="light"] .cta-box a{color: var(--text);}
html[data-sc-theme="light"] .related-posts a{color: var(--text);}
html[data-sc-theme="light"] .tags-box a{background: var(--bg-soft);color: var(--text);}
html[data-sc-theme="light"] .sidebar-card{background: var(--bg-soft);}
html[data-sc-theme="light"] .sidebar-card h3{color: var(--text);}
html[data-sc-theme="light"] .toc-list li::before{color: var(--text);}
html[data-sc-theme="light"] .toc-list li a{color: var(--text-muted);}
html[data-sc-theme="light"] .newsletter-box p{color: var(--text-muted);}
html[data-sc-theme="light"] .newsletter-box input{color: var(--text);}
html[data-sc-theme="light"] .newsletter-box button{color: var(--text);}
html[data-sc-theme="light"] .related-post h4{color: var(--text);}
html[data-sc-theme="light"] .related-post .post-date{color: var(--text-muted);}
html[data-sc-theme="light"] .tag-links a{background: var(--bg-soft);color: var(--text-muted);}

html[data-sc-theme="light"] body{background:#fff;color:var(--text);}
html[data-sc-theme="light"] .site-navigation ul.menu li ul{background:#fff !important;}
html[data-sc-theme="light"] #site-header .site-navigation,
html[data-sc-theme="light"] #site-header .site-navigation > ul.menu{background:transparent !important;}
html[data-sc-theme="light"] header.scrolled::before{background:rgba(255,255,255,.94);}
html[data-sc-theme="light"] .hamburger span{background:var(--text);}
html[data-sc-theme="light"] body.home #mainSection.herobgBanner{background-image:url('../assets/images/stackcolon-hero-light.png');}
html[data-sc-theme="light"] body.home #mainSection.herobgBanner .hero-image img{content:url('../assets/images/stackcolon-hero-light.png');}
html[data-sc-theme="light"] .why-choose-section .why-image img{content:url('../assets/images/why-choose-us-light.png');}
/* SEO page assets: match original filenames inside their own sections. */
html[data-sc-theme="light"] .seo-hero img[src*="/google-seo-rank.webp"]{content:url('../assets/images/google-seo-rank-light.png');}
html[data-sc-theme="light"] .seo-services img[src*="/onpage_seo.png"]{content:url('../assets/images/onpage-seo-light.png');}
html[data-sc-theme="light"] .seo-services img[src*="/offpage-seo.png"]{content:url('../assets/images/offpage-seo-light.png');}
html[data-sc-theme="light"] .seo-services img[src*="/technical_seo.png"]{content:url('../assets/images/technical-seo-light.png');}
html[data-sc-theme="light"] .ppc-section img[src*="/ppc_chart.png"]{content:url('../assets/images/ppc-chart-light.png');}
html[data-sc-theme="light"] #mainSection.uiux-hero .hero-image img[src*="/ui-ux-hero.png"]{content:url('../assets/images/ui-ux-hero-light.png');}
html[data-sc-theme="light"] #mainSection.webdev-hero .hero-image img[src*="/techstack.png"]{content:url('../assets/images/techstack-light.png');}
html[data-sc-theme="light"] #mainSection.wp-hero .wp-heroImg img[src*="/wordpress-hero.png"]{content:url('../assets/images/wordpress-hero-light.png');}
html[data-sc-theme="light"] .team-section .team-photo img{content:url('../assets/images/stackcolon-team-light.png');}
html[data-sc-theme="light"] .faqSection .contact-form-boxone img[src*="/contact-us-bg.webp"]{content:url('../assets/images/contact-faq-light.png');}
html[data-sc-theme="light"] .services-page .service-section img[src*="/seo-services.png"]{content:url('../assets/images/services-seo-light.png');}
html[data-sc-theme="light"] .services-page .service-section img[src*="/ui-ux-service.png"]{content:url('../assets/images/services-uiux-light.png');}
html[data-sc-theme="light"] .services-page .service-section img[src*="/web-development-services.png"]{content:url('../assets/images/services-webdev-light.png');}
html[data-sc-theme="light"] .services-page .service-promise img[src*="/digital-marketing-services.png"]{content:url('../assets/images/services-digital-light.png');}
@media(max-width:1024px){
html[data-sc-theme="light"] body.home #mainSection.herobgBanner{background-image:none;}
html[data-sc-theme="light"] body.home #mainSection.herobgBanner .hero-image img{
content:url('../assets/images/stackcolon-mobile-banner-light.png');
display:block;width:100%;max-width:100%;height:auto;object-fit:contain;
}
}
/* Keep reversed text on brand gradients and solid action buttons. */
html[data-sc-theme="light"] :is(.ctaBtn,.btn-primary,.btn-secondary,.btn-11,.blog-btn,.whatsapp-btn,.icon,.budget-icon,.step-number,.process-icon,.contact-icon),
html[data-sc-theme="light"] :is(.ctaBtn,.btn-primary,.btn-secondary,.btn-11,.blog-btn,.whatsapp-btn,.icon,.budget-icon,.step-number,.process-icon,.contact-icon) *{color:#fff;}
html[data-sc-theme="light"] :is(.sidebar-cta,.newsletter-box) {color:#fff;}
html[data-sc-theme="light"] :is(.sidebar-cta,.newsletter-box) :is(h2,h3,p,a,input,button){color:#fff;}
html[data-sc-theme="light"] .cta-banner{background-image:none;background-color:var(--bg-soft);color:var(--text);}
html[data-sc-theme="light"] :is(.icon-box,.newsletter-box button,.search-box button),
html[data-sc-theme="light"] :is(.growth-list li,.icon-before li)::before{color:#fff;}
html[data-sc-theme="light"] .custom-logo{background:transparent;border-radius:0;padding:0;}
/* Match the original logo canvas so switching themes cannot increase header height.
   Crop the light asset's extra transparent vertical margins rather than moving the hero. */
html[data-sc-theme="light"] img.custom-logo{content:url('../assets/images/stackcolon-logo-light.png');aspect-ratio:1600 / 327;height:auto;object-fit:cover;object-position:center;}
html[data-sc-theme="light"] input::placeholder,html[data-sc-theme="light"] textarea::placeholder{color:var(--text-muted);opacity:1;}
html[data-sc-theme="light"] .social-links a,html[data-sc-theme="light"] .footer-grid{border-color:var(--border);}
.sc-theme-toggle{position:fixed;left:20px;bottom:20px;z-index:9998;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #7141b8;border-radius:999px;background:#140d28;color:#fff;font:600 14px/1.4 Inter,sans-serif;box-shadow:0 4px 18px #0002;cursor:pointer;}
.sc-theme-toggle:hover{background:#34204f;color:#fff;}
.sc-theme-toggle:focus-visible{outline:3px solid #a675f5;outline-offset:4px;}
html[data-sc-theme="light"] .sc-theme-toggle{background:#fff;color:#39235d;border-color:#d3c3e9;}
@media(max-width:480px){.sc-theme-toggle{left:12px;bottom:20px;padding:10px 12px;}}