/**
 * Site-wide light / dark theme (public frontend)
 * Works with custom.css CSS variables + Bootstrap 5 data-bs-theme
 */

/* ── Dark theme (default — matches original design) ── */
html[data-site-theme="dark"],
html:not([data-site-theme]) {
    color-scheme: dark;
    --primary-color: #FFFFFF;
    --secondary-color: #1B1B1B;
    --text-color: #F5F5F4;
    --accent-color: #ed1c24;
    --dark-color: #000000;
    --divider-color: #FFFFFF1A;
    --dark-divider-color: #F7FBFA1A;
    --site-surface-elevated: #141414;
    --site-form-bg: #1c1c1c;
    --site-form-border: #333333;
    --site-form-text: #ffffff;
    --site-header-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    --site-card-shadow: none;
    --site-page-header-overlay: rgba(0, 0, 0, 0.45);
    --site-btn-on-accent: #000000;
    --site-close-filter: brightness(0) invert(1);
    --site-bg-shape-opacity: 1;
}

/* ── Light theme (pure white) ── */
html[data-site-theme="light"] {
    color-scheme: light;
    --primary-color: #0A0A0A;
    --secondary-color: #FFFFFF;
    --text-color: #444444;
    --accent-color: #ed1c24;
    --dark-color: #FFFFFF;
    --divider-color: #E5E5E5;
    --dark-divider-color: #EBEBEB;
    --site-surface-elevated: #FFFFFF;
    --site-form-bg: #FFFFFF;
    --site-form-border: #DCDCDC;
    --site-form-text: #0A0A0A;
    --site-header-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    --site-card-shadow: 0 2px 20px rgba(0, 0, 0, 0.04);
    --site-page-header-overlay: rgba(0, 0, 0, 0.48);
    --site-page-header-fg: #FFFFFF;
    --site-btn-on-accent: #FFFFFF;
    --site-close-filter: none;
    --site-bg-shape-opacity: 0;
}

/* ── Base / body — flat pure white, no red tint or bg shapes ── */
html[data-site-theme="light"] body {
    background-color: #FFFFFF !important;
    background-image: none !important;
    color: var(--text-color);
}

/* Header — white bar when scrolled; transparent over cinematic heroes */
html[data-site-theme="light"] header.main-header .header-sticky.active {
    background: #FFFFFF !important;
    box-shadow: var(--site-header-shadow);
    border-bottom: 1px solid var(--divider-color);
}

html[data-site-theme="light"] body:has(.page-header) header.main-header .header-sticky:not(.active),
html[data-site-theme="light"] body:has(.hero) header.main-header .header-sticky:not(.active) {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom-color: transparent !important;
}

html[data-site-theme="light"] body:has(.page-header) header.main-header .header-sticky:not(.active) .main-menu ul li.nav-item a,
html[data-site-theme="light"] body:has(.hero) header.main-header .header-sticky:not(.active) .main-menu ul li.nav-item a,
html[data-site-theme="light"] body:has(.page-header) header.main-header .header-sticky:not(.active) .main-menu ul li.submenu > a:after,
html[data-site-theme="light"] body:has(.hero) header.main-header .header-sticky:not(.active) .main-menu ul li.submenu > a:after {
    color: #FFFFFF !important;
}

html[data-site-theme="light"] body:has(.page-header) header.main-header .header-sticky:not(.active) .site-theme-toggle,
html[data-site-theme="light"] body:has(.hero) header.main-header .header-sticky:not(.active) .site-theme-toggle {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.32);
    color: #FFFFFF;
}

html[data-site-theme="light"] body:has(.page-header) header.main-header .header-sticky:not(.active) .header-btn .btn-popup,
html[data-site-theme="light"] body:has(.hero) header.main-header .header-sticky:not(.active) .header-btn .btn-popup {
    background: rgba(255, 255, 255, 0.14);
}

html[data-site-theme="light"] body:has(.page-header) header.mobile-header-bar .header-sticky:not(.active),
html[data-site-theme="light"] body:has(.hero) header.mobile-header-bar .header-sticky:not(.active) {
    background: transparent !important;
    box-shadow: none !important;
}

html[data-site-theme="light"] body:has(.page-header) header.mobile-header-bar .header-sticky:not(.active) .slicknav_btn,
html[data-site-theme="light"] body:has(.hero) header.mobile-header-bar .header-sticky:not(.active) .slicknav_btn {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.32);
}

html[data-site-theme="light"] body:has(.page-header) header.mobile-header-bar .header-sticky:not(.active) .slicknav_icon-bar,
html[data-site-theme="light"] body:has(.hero) header.mobile-header-bar .header-sticky:not(.active) .slicknav_icon-bar {
    background-color: #FFFFFF !important;
}

/* Inner pages without hero — always solid white header */
html[data-site-theme="light"] body:not(:has(.page-header)):not(:has(.hero)) header.main-header,
html[data-site-theme="light"] body:not(:has(.page-header)):not(:has(.hero)) header.main-header .header-sticky {
    background: #FFFFFF !important;
}

html[data-site-theme="light"] .navbar-brand img {
    opacity: 1;
}

/* Hero — soft white fade instead of dark wash */
html[data-site-theme="light"] .hero.bg-image::before {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.55) 45%, #FFFFFF 100%) !important;
}

html[data-site-theme="light"] .hero-video-content p,
html[data-site-theme="light"] .section-title-content p {
    color: var(--text-color);
}

html[data-site-theme="light"] .hero-content-video .video-play-button a i {
    color: #FFFFFF;
}

html[data-site-theme="light"] .hero-content .section-title h1,
html[data-site-theme="light"] .hero-content .section-title h2 {
    color: var(--primary-color);
}

html[data-site-theme="light"] body:has(.hero) .hero-content .section-title h1,
html[data-site-theme="light"] body:has(.hero) .hero-content .section-title h2 {
    text-shadow: 0 1px 24px rgba(255, 255, 255, 0.45);
}

html[data-site-theme="light"] header.main-header .header-sticky.active {
    box-shadow: var(--site-header-shadow);
}

html[data-site-theme="light"] .footer-links ul li a,
html[data-site-theme="light"] .footer-copyright-text p,
html[data-site-theme="light"] .footer-newsletter-content p {
    color: var(--text-color);
}

html[data-site-theme="light"] .footer-links h3,
html[data-site-theme="light"] .footer-newsletter-content h3 {
    color: var(--primary-color);
}

html[data-site-theme="dark"] body,
html:not([data-site-theme]) body {
    background-color: var(--dark-color);
}

/* ── Theme toggle button ── */
.site-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid var(--divider-color);
    border-radius: 50%;
    background: var(--divider-color);
    color: var(--primary-color);
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    flex-shrink: 0;
}

.site-theme-toggle:hover {
    border-color: var(--accent-color);
    color: var(--accent-color);
    transform: scale(1.05);
}

.site-theme-toggle__icon {
    font-size: 0.95rem;
    line-height: 1;
}

html[data-site-theme="dark"] .site-theme-toggle__icon--light,
html:not([data-site-theme]) .site-theme-toggle__icon--light {
    display: none;
}

html[data-site-theme="dark"] .site-theme-toggle__icon--dark,
html:not([data-site-theme]) .site-theme-toggle__icon--dark {
    display: inline-block;
}

html[data-site-theme="light"] .site-theme-toggle__icon--light {
    display: inline-block;
}

html[data-site-theme="light"] .site-theme-toggle__icon--dark {
    display: none;
}

.header-social-box .site-theme-toggle {
    margin-right: 12px;
}

.mobile-theme-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-theme-wrap .site-theme-toggle {
    width: 42px;
    height: 42px;
    color: var(--primary-color);
    background: var(--divider-color);
}

/* ── Header / mobile menu ── */
header.main-header.mobile-header-bar {
    color: var(--primary-color);
    box-shadow: var(--site-header-shadow);
}

html[data-site-theme="light"] header.main-header.mobile-header-bar,
html[data-site-theme="light"] .mobile-header-bar .header-sticky {
    background: #FFFFFF !important;
}

#mobileOffcanvas.offcanvas,
.mobile-offcanvas-theme {
    background: var(--secondary-color) !important;
    color: var(--primary-color) !important;
    box-shadow: 2px 0 16px rgba(0, 0, 0, 0.12);
}

.mobile-offcanvas-theme .offcanvas-header {
    border-bottom: 1px solid var(--divider-color);
}

.mobile-offcanvas-theme .btn-close {
    filter: var(--site-close-filter);
}

.mobile-offcanvas-section {
    margin-top: 30px;
    border-top: 1px solid var(--divider-color);
    padding-top: 20px;
}

.mobile-offcanvas-section h6 {
    color: var(--primary-color);
    font-weight: 700;
    margin-bottom: 10px;
}

.mobile-offcanvas-section p,
.mobile-offcanvas-section a {
    color: var(--text-color);
    font-size: 14px;
}

.mobile-offcanvas-section a.is-accent {
    color: var(--accent-color);
}

.mobile-offcanvas-social a {
    color: var(--accent-color);
    font-size: 18px;
}

.header-btn .offcanvas .btn-close {
    filter: var(--site-close-filter);
}

/* ── Service cards (icon + arrow header fix, light/dark) ── */
html[data-site-theme="light"] .service-item {
    background: var(--secondary-color) !important;
    background-image: none !important;
    border-color: var(--divider-color);
}

html[data-site-theme="light"] .service-item::before {
    display: none;
}

html[data-site-theme="dark"] .service-item,
html:not([data-site-theme]) .service-item {
    background: url('../images/service-bg.svg') no-repeat top left;
    background-size: auto;
}

html[data-site-theme="light"] .service-item:hover .service-arrow span img,
html[data-site-theme="light"] .service-item:hover .service-arrow a img {
    filter: none;
    transform: rotate(45deg);
}

html[data-site-theme="dark"] .service-item:hover .service-arrow span img,
html:not([data-site-theme]) .service-item:hover .service-arrow span img,
html[data-site-theme="dark"] .service-item:hover .service-arrow a img,
html:not([data-site-theme]) .service-item:hover .service-arrow a img {
    filter: brightness(0) invert(1);
    transform: rotate(45deg);
}

.service-item-body h3 {
    color: var(--primary-color);
}

.service-item-body p {
    color: var(--text-color);
}

/* ── Cards & elevated surfaces (light mode polish) ── */
html[data-site-theme="light"] .service-item,
html[data-site-theme="light"] .about-agency-item,
html[data-site-theme="light"] .why-choose-item,
html[data-site-theme="light"] .how-work-item,
html[data-site-theme="light"] .feature-item,
html[data-site-theme="light"] .portfolio-item,
html[data-site-theme="light"] .blog-item,
html[data-site-theme="light"] .testimonial-item,
html[data-site-theme="light"] .faq-accordion .accordion-item,
html[data-site-theme="light"] .team-single-contact-form,
html[data-site-theme="light"] .contact-us-form,
html[data-site-theme="light"] .page-contact-box,
html[data-site-theme="light"] .pricing-item,
html[data-site-theme="light"] .project-item,
html[data-site-theme="light"] .digital-success-box,
html[data-site-theme="light"] .agency-benefits-item,
html[data-site-theme="light"] .work-process-item,
html[data-site-theme="light"] .contact-info-box .info-box-1,
html[data-site-theme="light"] .contact-info-box .info-box-2 {
    box-shadow: var(--site-card-shadow);
}

html[data-site-theme="light"] .admin-card,
html[data-site-theme="light"] .post-content-wrap {
    box-shadow: var(--site-card-shadow);
}

/* ── Page header ── */
.page-header {
    position: relative;
}

.page-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--site-page-header-overlay);
    pointer-events: none;
}

.page-header .container,
.page-header-box {
    position: relative;
    z-index: 1;
}

/* ── Buttons ── */
.btn-highlighted {
    color: var(--site-btn-on-accent) !important;
}

html[data-site-theme="light"] .btn-default::before {
    background-image: url('../images/arrow-dark.svg');
}

html[data-site-theme="light"] .btn-default:hover::before {
    background-color: var(--accent-color);
    filter: brightness(0) invert(1);
}

/* ── Forms (sitewide) ── */
#country_code,
#service {
    height: 48px;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#country_code {
    width: 30% !important;
}

#service {
    width: 100%;
}

.site-form-control,
#country_code,
#service,
.contact-form form .form-control,
.contact-us-form form .form-control,
.team-single-contact-form form .form-control,
.page-contact-box form .form-control,
.enquiry-form-section .form-control,
.enquiry-form-section select,
.enquiry-form-section textarea {
    background-color: var(--site-form-bg) !important;
    border: 1px solid var(--site-form-border) !important;
    color: var(--site-form-text) !important;
}

.site-form-control:focus,
#country_code:focus,
#service:focus,
.contact-form form .form-control:focus,
.contact-us-form form .form-control:focus,
.team-single-contact-form form .form-control:focus,
.page-contact-box form .form-control:focus,
.enquiry-form-section .form-control:focus,
.enquiry-form-section select:focus,
.enquiry-form-section textarea:focus {
    border-color: var(--accent-color) !important;
    outline: none !important;
    box-shadow: 0 0 0 0.15rem rgba(237, 28, 36, 0.15) !important;
}

#country_code option:checked,
#country_code option:hover,
#service option:checked,
#service option:hover,
.site-form-control option:checked,
.site-form-control option:hover {
    background-color: var(--accent-color);
    color: #fff;
}

.form-control::placeholder,
.site-form-control::placeholder {
    color: var(--text-color);
    opacity: 0.55;
}

/* Bootstrap components */
html[data-site-theme="light"] .offcanvas,
html[data-site-theme="light"] .dropdown-menu,
html[data-site-theme="light"] .modal-content,
html[data-site-theme="light"] .accordion-item,
html[data-site-theme="light"] .card {
    background-color: var(--secondary-color);
    color: var(--text-color);
}

html[data-site-theme="light"] .accordion-button {
    background-color: var(--secondary-color);
    color: var(--primary-color);
}

html[data-site-theme="light"] .accordion-button:not(.collapsed) {
    background-color: #FAFAFA;
    color: var(--primary-color);
}

/* SlickNav mobile menu */
html[data-site-theme="light"] .slicknav_menu {
    background: var(--secondary-color);
}

html[data-site-theme="light"] .slicknav_nav .slicknav_row,
html[data-site-theme="light"] .slicknav_nav li a {
    color: var(--primary-color);
}

/* Footer newsletter / inputs */
.footer-newsletter-form .form-control {
    background-color: var(--site-form-bg) !important;
    border-color: var(--site-form-border) !important;
    color: var(--site-form-text) !important;
}

/* WhatsApp widget */
html[data-site-theme="dark"] .whatsapp-tooltip,
html:not([data-site-theme]) .whatsapp-tooltip {
    background: #2d3748;
    color: #fff;
}

html[data-site-theme="dark"] .whatsapp-tooltip .tooltip-text strong,
html:not([data-site-theme]) .whatsapp-tooltip .tooltip-text strong {
    color: #fff;
}

html[data-site-theme="dark"] .whatsapp-tooltip .tooltip-text span,
html:not([data-site-theme]) .whatsapp-tooltip .tooltip-text span {
    color: #a0aec0;
}

html[data-site-theme="dark"] .whatsapp-tooltip .tooltip-arrow,
html:not([data-site-theme]) .whatsapp-tooltip .tooltip-arrow {
    border-top-color: #2d3748;
}

html[data-site-theme="light"] .whatsapp-tooltip {
    background: #fff;
    color: #1a1a1a;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

html[data-site-theme="light"] .whatsapp-tooltip .tooltip-text strong {
    color: #1a1a1a;
}

html[data-site-theme="light"] .whatsapp-tooltip .tooltip-text span {
    color: #666;
}

html[data-site-theme="light"] .whatsapp-tooltip .tooltip-arrow {
    border-top-color: #fff;
}

/* Blog / prose content */
html[data-site-theme="light"] .post-content,
html[data-site-theme="light"] .page-content,
html[data-site-theme="light"] .service-content {
    color: var(--text-color);
}

html[data-site-theme="light"] .post-content h1,
html[data-site-theme="light"] .post-content h2,
html[data-site-theme="light"] .post-content h3,
html[data-site-theme="light"] .page-content h1,
html[data-site-theme="light"] .page-content h2,
html[data-site-theme="light"] .page-content h3 {
    color: var(--primary-color);
}

/* Auth pages */
html[data-site-theme="light"] .auth-card,
html[data-site-theme="light"] .login-card {
    background: var(--secondary-color);
    box-shadow: var(--site-card-shadow);
}

/* Smooth theme transition (brief, toggled via JS) */
html.site-theme-animate,
html.site-theme-animate *,
html.site-theme-animate *::before,
html.site-theme-animate *::after {
    transition: background-color 0.28s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.28s ease !important;
}

@media (max-width: 991.98px) {
    .header-social-box .site-theme-toggle {
        margin-right: 0;
    }
}

/* Mobile nav links */
.mobile-nav-link {
    color: var(--primary-color) !important;
    font-size: 16px;
    font-weight: 600;
}

.mobile-nav-sub {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 15px;
}

.mobile-nav-sublink {
    color: var(--accent-color) !important;
    font-size: 14px;
    font-weight: 500;
}

/* Careers modal + themed dialogs */
.site-themed-modal {
    background: var(--secondary-color) !important;
    border: 1px solid var(--divider-color) !important;
    color: var(--text-color);
}

.site-themed-modal .modal-title,
.site-themed-modal .modal-body,
.site-themed-modal .form-label {
    color: var(--primary-color);
}

.site-themed-modal .btn-close {
    filter: var(--site-close-filter);
}

/* Portfolio sidebar form */
.site-sidebar-form-panel {
    background: var(--site-surface-elevated);
    border: 1px solid var(--divider-color);
}

html[data-site-theme="light"] .site-sidebar-form-panel {
    background: var(--secondary-color);
    box-shadow: var(--site-card-shadow);
}

.site-sidebar-form-title {
    color: var(--primary-color);
}

.site-sidebar-form-text {
    color: var(--text-color);
    opacity: 0.9;
}

.project-sidebar-get-in-touch .form-control::placeholder,
.project-sidebar-get-in-touch textarea::placeholder {
    color: var(--text-color);
    opacity: 0.55;
}

.project-sidebar-get-in-touch select option {
    color: var(--site-form-text);
    background: var(--site-form-bg);
}

/* Magic cursor — hidden in light mode (black dot clashes on white) */
html[data-site-theme="light"] #magic-cursor {
    display: none !important;
}

/* Legacy inline light-on-dark styles → theme-aware (sitewide safety net) */
html[data-site-theme="light"] .text-light:not(.btn):not(.badge):not(.nav-link) {
    color: var(--primary-color) !important;
}

html[data-site-theme="light"] [class*="card"][style*="rgba(0,0,0"],
html[data-site-theme="light"] [class*="card"][style*="rgba(255,255,255"] {
    background: var(--secondary-color) !important;
    border-color: var(--divider-color) !important;
    box-shadow: var(--site-card-shadow);
}

html[data-site-theme="light"] [style*="color: rgba(255,255,255"] {
    color: var(--text-color) !important;
}

html[data-site-theme="light"] .project-rich-content,
html[data-site-theme="light"] .page-service-content,
html[data-site-theme="light"] .service-single-content {
    color: var(--text-color) !important;
}

html[data-site-theme="light"] .project-rich-content h1,
html[data-site-theme="light"] .project-rich-content h2,
html[data-site-theme="light"] .project-rich-content h3,
html[data-site-theme="light"] .project-rich-content h4,
html[data-site-theme="light"] .page-service-content h1,
html[data-site-theme="light"] .page-service-content h2,
html[data-site-theme="light"] .page-service-content h3 {
    color: var(--primary-color) !important;
}

/* ══════════════════════════════════════════════════════════
   Pure white light mode — section fixes
   ══════════════════════════════════════════════════════════ */

/* Hide decorative background shapes site-wide */
html[data-site-theme="light"] .about-agency::before,
html[data-site-theme="light"] .why-choose-us::before,
html[data-site-theme="light"] .how-it-work::before,
html[data-site-theme="light"] .our-features::before,
html[data-site-theme="light"] .our-testimonial::before,
html[data-site-theme="light"] .agency-benefits::before,
html[data-site-theme="light"] .footer-work-together::before,
html[data-site-theme="light"] .who-we-are::before,
html[data-site-theme="light"] .our-team::before,
html[data-site-theme="light"] .page-service-single::before,
html[data-site-theme="light"] .agency-supports-slider::before,
html[data-site-theme="light"] .work-together-content::before {
    display: none !important;
}

/* Remove gray wash overlays on cards / boxes (keep divider pseudo-elements) */
html[data-site-theme="light"] .service-item::before,
html[data-site-theme="light"] .work-process-item::before,
html[data-site-theme="light"] .project-image::before,
html[data-site-theme="light"] .digital-features-item::before,
html[data-site-theme="light"] .contact-info-box .info-box-1::before,
html[data-site-theme="light"] .contact-info-box .info-box-2::before,
html[data-site-theme="light"] .contact-us-form::before,
html[data-site-theme="light"] .testimonial-review-box::before,
html[data-site-theme="light"] .testimonial-benefits-box::before,
html[data-site-theme="light"] .benefits-steps-item::before,
html[data-site-theme="light"] .mission-vision-item::before,
html[data-site-theme="light"] .pricing-box::before,
html[data-site-theme="light"] .executive-partners-box::before,
html[data-site-theme="light"] .sidebar-cta-box::before,
html[data-site-theme="light"] .process-step-content::before,
html[data-site-theme="light"] .service-catagery-list::before,
html[data-site-theme="light"] .testimonial-box-item::before,
html[data-site-theme="light"] .team-contact-box .icon-box::before,
html[data-site-theme="light"] .faq-cta-box a::before {
    display: none !important;
}

/* Why choose — light hover sweep (not a gray overlay) */
html[data-site-theme="light"] .why-choose-item::before {
    display: block !important;
    background: linear-gradient(90deg, rgba(237, 28, 36, 0.07) 50%, transparent 100%) !important;
}

/* ── Unified white card surfaces (all card types) ── */
html[data-site-theme="light"] .service-item,
html[data-site-theme="light"] .work-process-item,
html[data-site-theme="light"] .why-choose-item,
html[data-site-theme="light"] .digital-features-item,
html[data-site-theme="light"] .benefits-steps-item,
html[data-site-theme="light"] .mission-vision-item,
html[data-site-theme="light"] .testimonial-review-box,
html[data-site-theme="light"] .testimonial-benefits-box,
html[data-site-theme="light"] .testimonial-box-item,
html[data-site-theme="light"] .pricing-box,
html[data-site-theme="light"] .executive-partners-box,
html[data-site-theme="light"] .sidebar-cta-box,
html[data-site-theme="light"] .process-step-content,
html[data-site-theme="light"] .service-catagery-list,
html[data-site-theme="light"] .digital-success-box,
html[data-site-theme="light"] .contact-info-box .info-box-1,
html[data-site-theme="light"] .contact-info-box .info-box-2,
html[data-site-theme="light"] .portfolio-card__link,
html[data-site-theme="light"] .our-faq-section .accordion-item,
html[data-site-theme="light"] main .card:not(.admin-card) {
    background-color: #FFFFFF !important;
    border: 1px solid var(--divider-color);
    box-shadow: var(--site-card-shadow);
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Pill / special shapes — white fill only, keep original border radius */
html[data-site-theme="light"] .agency-social-item {
    background-color: #FFFFFF !important;
    box-shadow: var(--site-card-shadow);
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-site-theme="light"] .contact-us-form,
html[data-site-theme="light"] .team-single-contact-form,
html[data-site-theme="light"] .page-contact-box {
    background-color: #FFFFFF !important;
    box-shadow: var(--site-card-shadow);
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Strip dark-theme SVG backgrounds from cards */
html[data-site-theme="light"] .service-item,
html[data-site-theme="light"] .work-process-item,
html[data-site-theme="light"] .pricing-box,
html[data-site-theme="light"] .process-step-content,
html[data-site-theme="light"] .project-image,
html[data-site-theme="light"] .sidebar-cta-box {
    background-image: none !important;
}

html[data-site-theme="light"] .our-faq-section .accordion-button:not(.collapsed) {
    background: #FAFAFA !important;
}

html[data-site-theme="light"] .faq-cta-box a {
    color: var(--primary-color);
    background: transparent;
    border: none;
    box-shadow: none;
}

html[data-site-theme="light"] .our-partners-list .company-logo {
    background: #F7F7F7;
    border: 1px solid var(--divider-color);
}

html[data-site-theme="light"] .team-contact-box .icon-box {
    background: #FFFFFF;
}

html[data-site-theme="light"] .project-tag a {
    background: #F0F0F0;
    color: var(--text-color);
}

html[data-site-theme="light"] .project-tag a:hover {
    background: var(--accent-color);
    color: #FFFFFF;
}

html[data-site-theme="light"] .agency-supports-slider::before {
    display: none !important;
}

html[data-site-theme="light"] .page-blog::before,
html[data-site-theme="light"] .page-service-single::before {
    display: none !important;
}

/* Digital Success section */
html[data-site-theme="light"] .digital-success-box {
    padding: 48px;
    gap: 40px;
}

html[data-site-theme="light"] .digital-success-box::before {
    display: none !important;
}

html[data-site-theme="light"] .digital-success-content::before {
    border-color: var(--divider-color);
}

html[data-site-theme="light"] .digital-success-content .section-title h1,
html[data-site-theme="light"] .digital-success-content .section-title h2 {
    color: var(--primary-color);
}

html[data-site-theme="light"] .success-counter-item h2 {
    color: var(--accent-color);
}

html[data-site-theme="light"] .success-list-item p span {
    color: var(--primary-color);
}

/* How It Works / process cards */
html[data-site-theme="light"] .work-process-title h3 {
    color: var(--primary-color);
}

/* Portfolio page */
html[data-site-theme="light"] .portfolio-page__intro {
    color: var(--text-color) !important;
}

html[data-site-theme="light"] .portfolio-filters__pill {
    color: var(--text-color);
    background: #FFFFFF;
    border: 1px solid var(--divider-color);
}

html[data-site-theme="light"] .portfolio-filters__pill:hover {
    color: var(--accent-color);
    background: #FFFFFF;
    border-color: var(--accent-color);
}

html[data-site-theme="light"] .portfolio-filters__pill--active,
html[data-site-theme="light"] .portfolio-filters__pill--active:hover {
    color: #FFFFFF;
    background: var(--accent-color);
    border-color: var(--accent-color);
}

html[data-site-theme="light"] .portfolio-card__link:hover {
    border-color: rgba(237, 28, 36, 0.35);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08);
}

html[data-site-theme="light"] .portfolio-card__logo-inner,
html[data-site-theme="light"] .project-simple-header__logo-inner {
    background: #F7F7F7;
}

html[data-site-theme="light"] .portfolio-card__logo-placeholder {
    background: #F0F0F0;
}

html[data-site-theme="light"] .portfolio-card__logo-text {
    color: #999999;
}

html[data-site-theme="light"] .portfolio-card__badge {
    color: #555555;
    background: #F0F0F0;
}

html[data-site-theme="light"] .portfolio-card__excerpt {
    color: var(--text-color);
}

html[data-site-theme="light"] .portfolio-empty {
    background: #FFFFFF;
    border-color: var(--divider-color);
}

html[data-site-theme="light"] .portfolio-empty__icon {
    color: #CCCCCC;
}

html[data-site-theme="light"] .portfolio-empty__text {
    color: var(--text-color);
}

html[data-site-theme="light"] .portfolio-grid-loading {
    background: rgba(255, 255, 255, 0.85);
}

html[data-site-theme="light"] .portfolio-grid-loading__spinner {
    border-color: rgba(0, 0, 0, 0.08);
    border-top-color: var(--accent-color);
}

html[data-site-theme="light"] .portfolio-grid-loading__text {
    color: var(--text-color);
}

/* Legacy project grid cards */
html[data-site-theme="light"] .project-image {
    background: #FFFFFF !important;
    background-image: none !important;
}

/* Footer */
html[data-site-theme="light"] .footer-map-card {
    border-color: var(--divider-color);
    background: #FFFFFF;
}

html[data-site-theme="light"] .footer-map-card:hover {
    border-color: rgba(237, 28, 36, 0.3);
    box-shadow: var(--site-card-shadow);
}

html[data-site-theme="light"] .footer-contact-item .icon-box {
    background: transparent;
}

html[data-site-theme="light"] .footer-contact-item:hover .icon-box {
    background: var(--accent-color);
    border-color: var(--accent-color);
}

html[data-site-theme="light"] .footer-contact-item:hover .icon-box img {
    filter: brightness(0) invert(1);
}

html[data-site-theme="light"] .footer-contact-content p {
    color: var(--primary-color);
}

html[data-site-theme="light"] .footer-work-together h2 {
    color: var(--primary-color);
}

html[data-site-theme="light"] .work-together-content {
    background: none !important;
}

html[data-site-theme="light"] .footer-work-together .work-together-btn a {
    box-shadow: var(--site-card-shadow);
}

/* Contact page, agency, sections — covered by unified card block above */

html[data-site-theme="light"] .mission-vision-img img {
    filter: none;
}

/* Main footer stays white */
html[data-site-theme="light"] .main-footer,
html[data-site-theme="light"] .footer-main {
    background: #FFFFFF;
}

/* Sections inherit white — no accidental gray bands */
html[data-site-theme="light"] .digital-success,
html[data-site-theme="light"] .how-it-work,
html[data-site-theme="light"] .why-choose-us,
html[data-site-theme="light"] .our-features,
html[data-site-theme="light"] .portfolio-page,
html[data-site-theme="light"] .join-agency,
html[data-site-theme="light"] .our-testimonial,
html[data-site-theme="light"] .agency-benefits,
html[data-site-theme="light"] .our-services,
html[data-site-theme="light"] .our-blog,
html[data-site-theme="light"] .page-pricing,
html[data-site-theme="light"] .page-contact-us,
html[data-site-theme="light"] .page-blog,
html[data-site-theme="light"] .executive-partners,
html[data-site-theme="light"] .mission-vision,
html[data-site-theme="light"] .our-faq-section {
    background: transparent;
}

/* Card headings & body text contrast */
html[data-site-theme="light"] .service-item-body h3,
html[data-site-theme="light"] .work-process-title h3,
html[data-site-theme="light"] .why-choose-item h3,
html[data-site-theme="light"] .digital-features-content h3,
html[data-site-theme="light"] .benefits-steps-content h3,
html[data-site-theme="light"] .mission-vision-content h3,
html[data-site-theme="light"] .pricing-title h3,
html[data-site-theme="light"] .success-list-item p,
html[data-site-theme="light"] .agency-social-content h3 {
    color: var(--primary-color);
}

html[data-site-theme="light"] .service-item-body p,
html[data-site-theme="light"] .why-choose-item p,
html[data-site-theme="light"] .digital-features-content p,
html[data-site-theme="light"] .benefits-steps-content p,
html[data-site-theme="light"] .mission-vision-content p,
html[data-site-theme="light"] .work-process-item p {
    color: var(--text-color);
}

/* Bootstrap cards on public pages (careers, clients, etc.) */
html[data-site-theme="light"] main .card .card-title {
    color: var(--primary-color) !important;
}

html[data-site-theme="light"] main .card .card-body,
html[data-site-theme="light"] main .card .card-body p,
html[data-site-theme="light"] main .card .card-body .small {
    color: var(--text-color) !important;
}

/* ══════════════════════════════════════════════════════════
   Light mode visibility — icons, SVGs, arrows, inline styles
   ══════════════════════════════════════════════════════════ */

/* Learn more + free consultation — swapped via JS (data-theme-img-*), not content: url */
html[data-site-theme="light"] .learn-more-circle img,
html[data-site-theme="light"] .agency-free-consultation img {
    opacity: 1;
}

/* Hero typed headline text */
html[data-site-theme="light"] .section-title h1 .typed-title,
html[data-site-theme="light"] .hero-content .typed-cursor {
    color: var(--accent-color) !important;
}

html[data-site-theme="light"] .section-title h1 span div {
    color: var(--accent-color) !important;
}

/* White arrow icons → dark on light backgrounds (filter, not content: url) */
html[data-site-theme="light"] .readmore-btn img[src*="arrow-white"],
html[data-site-theme="light"] .service-arrow img[src*="arrow-white"] {
    filter: brightness(0);
}

html[data-site-theme="light"] .work-process-item-link:hover .readmore-btn img[src*="arrow-white"] {
    filter: brightness(0) invert(1);
}

/* ══════════════════════════════════════════════════════════
   Editorial Light — cinematic page headers (preserve photo BG)
   ══════════════════════════════════════════════════════════ */

html[data-site-theme="light"] .page-header {
    background-image: url('../images/page-header-bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

html[data-site-theme="light"] .page-header::before {
    background: var(--site-page-header-overlay) !important;
}

html[data-site-theme="light"] .page-header-box h1 {
    color: var(--site-page-header-fg) !important;
    font-weight: 300;
    letter-spacing: -0.02em;
}

html[data-site-theme="light"] .page-header-box h1 span {
    color: var(--accent-color) !important;
    font-weight: 800;
}

html[data-site-theme="light"] .page-header-box ol li.breadcrumb-item,
html[data-site-theme="light"] .page-header-box ol li.breadcrumb-item a {
    color: var(--site-page-header-fg) !important;
}

html[data-site-theme="light"] .page-header-box ol li.breadcrumb-item.active {
    color: var(--accent-color) !important;
}

html[data-site-theme="light"] .page-header-box ol .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.72) !important;
}

/* Red ticker band — unchanged brand signature below header */
html[data-site-theme="light"] .our-scrolling-ticker {
    background: var(--accent-color);
}

html[data-site-theme="light"] .our-scrolling-ticker .scrolling-content span {
    color: #0A0A0A;
}

/* Content canvas below header — pure editorial white */
html[data-site-theme="light"] .page-service-single,
html[data-site-theme="light"] .our-services,
html[data-site-theme="light"] .our-blog,
html[data-site-theme="light"] .page-contact-us,
html[data-site-theme="light"] .page-pricing,
html[data-site-theme="light"] .portfolio-page {
    background: #FFFFFF;
}

html[data-site-theme="light"] .section-title h3::before {
    opacity: 1;
}

html[data-site-theme="light"] .section-title h2,
html[data-site-theme="light"] .section-title h1 {
    letter-spacing: -0.015em;
}

html[data-site-theme="light"] .btn-default {
    letter-spacing: 0.04em;
}

/* Theme-aware utility classes (replace inline dark-only styles) */
.site-theme-text {
    color: var(--text-color);
}

.site-theme-heading {
    color: var(--primary-color);
}

html[data-site-theme="dark"] .site-theme-heading,
html:not([data-site-theme]) .site-theme-heading {
    color: #FFFFFF;
}

html[data-site-theme="dark"] .site-theme-text,
html:not([data-site-theme]) .site-theme-text {
    color: rgba(255, 255, 255, 0.9);
}

.site-theme-card {
    border-radius: 16px;
}

html[data-site-theme="light"] .site-theme-card {
    background: #FFFFFF !important;
    border: 1px solid var(--divider-color) !important;
    box-shadow: var(--site-card-shadow);
}

html[data-site-theme="dark"] .site-theme-card,
html:not([data-site-theme]) .site-theme-card {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

html[data-site-theme="light"] .site-theme-card .card-title {
    color: var(--primary-color) !important;
}

html[data-site-theme="dark"] .site-theme-card .card-title,
html:not([data-site-theme]) .site-theme-card .card-title {
    color: #FFFFFF !important;
}

/* Portfolio detail pages */
html[data-site-theme="light"] .portfolio-detail .text-light,
html[data-site-theme="light"] .portfolio-detail h3.text-light,
html[data-site-theme="light"] .portfolio-detail h4.text-light {
    color: var(--primary-color) !important;
}

html[data-site-theme="light"] .portfolio-detail [style*="rgba(255,255,255"] {
    color: var(--text-color) !important;
}

html[data-site-theme="light"] .portfolio-detail a.text-light {
    color: var(--text-color) !important;
}

html[data-site-theme="light"] .portfolio-detail a.text-light:hover {
    color: var(--accent-color) !important;
}

/* Portfolio creatives embed section */
.browser-window {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    border: 1px solid var(--divider-color);
}

html[data-site-theme="light"] .browser-window {
    background: #FFFFFF !important;
    box-shadow: var(--site-card-shadow);
}

html[data-site-theme="dark"] .browser-window,
html:not([data-site-theme]) .browser-window {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.our-work-embed-url {
    padding: 8px 12px;
    font-size: 13px;
    word-break: break-all;
    border-bottom: 1px solid var(--divider-color);
    color: var(--text-color);
    background: #F7F7F7;
}

html[data-site-theme="dark"] .our-work-embed-url,
html:not([data-site-theme]) .our-work-embed-url {
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.05);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.our-work-embed-wrap {
    width: 98%;
    overflow: hidden;
    position: relative;
    margin: 6px;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid var(--divider-color);
    background: #F0F0F0;
}

html[data-site-theme="dark"] .our-work-embed-wrap,
html:not([data-site-theme]) .our-work-embed-wrap {
    background: rgba(0, 0, 0, 0.2);
    border-color: rgba(255, 255, 255, 0.1);
}

.portfolio-creative-item {
    background: #FFFFFF;
    border: 1px solid var(--divider-color);
}

html[data-site-theme="dark"] .portfolio-creative-item,
html:not([data-site-theme]) .portfolio-creative-item {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

.portfolio-instagram-card {
    background: #FFFFFF;
    border: 1px solid var(--divider-color);
    min-height: 220px;
}

html[data-site-theme="dark"] .portfolio-instagram-card,
html:not([data-site-theme]) .portfolio-instagram-card {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.15);
}

html[data-site-theme="light"] .portfolio-instagram-card .text-light {
    color: var(--primary-color) !important;
}

/* Buttons & CTAs */
html[data-site-theme="light"] .btn-default::after {
    background-color: var(--primary-color);
    opacity: 0.08;
}

html[data-site-theme="light"] .btn-default:hover::before {
    filter: brightness(0) invert(1);
}

/* Footer map link */
html[data-site-theme="light"] .footer-map-link {
    background: rgba(0, 0, 0, 0.85);
    color: #FFFFFF;
}

/* FAQ accordion */
html[data-site-theme="light"] .our-faq-section .accordion-button.collapsed {
    color: var(--primary-color);
}

/* Testimonial / stats */
html[data-site-theme="light"] .testimonial-content p {
    color: var(--primary-color);
}

html[data-site-theme="light"] .testimonial-benefits-content ul li::before {
    color: var(--accent-color);
}

/* Agency client logo strip */
html[data-site-theme="light"] .agency-supports-logo {
    background: #FFFFFF;
    border: 1px solid var(--divider-color);
    border-radius: 12px;
    padding: 12px;
}

/* Work process icon hover fill */
html[data-site-theme="light"] .work-process-item-link:hover .work-process-icon-box::before {
    background: var(--accent-color);
}

html[data-site-theme="light"] .work-process-item-link:hover .work-process-icon-box img {
    filter: brightness(0) invert(1);
}

/* Slicknav mobile menu trigger */
html[data-site-theme="light"] .slicknav_btn {
    background: var(--secondary-color);
    border: 1px solid var(--divider-color);
}

html[data-site-theme="light"] .slicknav_icon-bar {
    background-color: var(--primary-color) !important;
}

/* Catch-all: inline white text on public pages (text only — do not rewrite backgrounds) */
html[data-site-theme="light"] main [style*="color: rgba(255, 255, 255"],
html[data-site-theme="light"] main [style*="color: rgba(255,255,255"] {
    color: var(--text-color) !important;
}

html[data-site-theme="light"] main .card[style*="rgba(0,0,0"],
html[data-site-theme="light"] main .card[style*="rgba(0, 0, 0"] {
    background: #FFFFFF !important;
    border-color: var(--divider-color) !important;
    box-shadow: var(--site-card-shadow);
}

/* Testimonial slider navigation arrows */
html[data-site-theme="light"] .testimonial-slider .testimonial-button-next::before,
html[data-site-theme="light"] .testimonial-slider .testimonial-button-prev::before {
    background-image: url('../images/arrow-dark.svg') !important;
}

html[data-site-theme="light"] .testimonial-slider .testimonial-button-next:hover::before,
html[data-site-theme="light"] .testimonial-slider .testimonial-button-prev:hover::before {
    filter: brightness(0) invert(1);
}

/* Portfolio detail pages */
html[data-site-theme="light"] .portfolio-back-link {
    color: var(--text-color) !important;
}

html[data-site-theme="light"] .portfolio-back-link:hover {
    color: var(--accent-color) !important;
}

html[data-site-theme="light"] .portfolio-detail .site-theme-heading,
html[data-site-theme="light"] .portfolio-creatives .site-theme-heading {
    color: var(--primary-color) !important;
}

/* Blog post read-more arrow on hover */
html[data-site-theme="light"] .post-item-btn a:hover::before {
    filter: none !important;
    background-image: url('../images/arrow-dark.svg') !important;
    transform: rotate(45deg);
}