/* =====================================================
   MOBILE APP DEVELOPMENT PAGE - LIGHT THEME INTEGRATION
===================================================== */

/* 1. GLOBAL BACKGROUND & ANIMATION REMOVAL */
[data-theme="light"] body,
[data-theme="light"] main,
[data-theme="light"] .single-service-banner.mobile,
[data-theme="light"] .whychooseus-section,
[data-theme="light"] .get-website-block,
[data-theme="light"] .methodology-block,
[data-theme="light"] .industries-block,
[data-theme="light"] .faq-block,
[data-theme="light"] .integrations-section,
[data-theme="light"] .compliance-section {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Kill global background animation blobs */
[data-theme="light"] .gradient-bg,
[data-theme="light"] .g-blob {
    display: none !important;
    visibility: hidden !important;
}

/* 2. HERO SECTION - PURE BLACK TEXT */
[data-theme="light"] .single-service-banner.mobile .banner-text-block h1 {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

[data-theme="light"] .single-service-banner.mobile .banner-text-block h2 {
    color: #121212 !important;
    opacity: 1 !important;
}

/* 3. CORE CONTENT CONTRAST */
[data-theme="light"] .web-heading,
[data-theme="light"] .web-subheading,
[data-theme="light"] .text-22-bold,
[data-theme="light"] .card-preparing h5,
[data-theme="light"] .card-preparing h6,
[data-theme="light"] .industries-card-title,
[data-theme="light"] .industries-card-text,
[data-theme="light"] .compliance-name,
[data-theme="light"] .integrations-heading,
[data-theme="light"] .whychooseus-item h3 {
    color: #000000 !important;
    opacity: 1 !important;
}

[data-theme="light"] .neutral-700 {
    color: #333333 !important;
}

/* 4. STAT CARDS (Leading With Clarity Section) */
[data-theme="light"] .stat-card-wrapper {
    background-color: #ffffff !important;
    border: 1px solid #008ff5 !important;
    border-radius: 16px !important;
    box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .stat-card-content {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 15px;
}

[data-theme="light"] .stat-number {
    color: #000000 !important;
}

[data-theme="light"] .gradient-border-top,
[data-theme="light"] .gradient-border-bottom {
    display: none !important;
}

/* 5. METHODOLOGY CARDS */
[data-theme="light"] .card-preparing {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .border-svg {
    display: none !important;
}

[data-theme="light"].industries-card-custom:hover::after{
    background-color: #ffffff !important;
}

/* 6. INDUSTRIES & AI FEATURE CARDS */
[data-theme="light"] .industries-card-custom {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 13px !important;
    box-shadow: 0 0 9px 7px rgba(0, 0, 0, 0.05) !important;
}
[data-theme="light"] .card-feature-2{
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

[data-theme="light"] .industries-card-custom:hover,
[data-theme="light"] .industries-card-custom:hover::after,
[data-theme="light"] .card-feature-2:hover {
    background-color: #ffffff !important;
}

[data-theme="light"] .industries-logo {
    filter: brightness(0) !important;
}

/* 7. TECHNOLOGY STACK (Integration Section) */
[data-theme="light"] .integration-item {
    background-color: #ffffff !important;
    border: none !important;
}

[data-theme="light"] .integration-item .text-content span,
[data-theme="light"] .featured-work-slider .card-news .card-info .module,
[data-theme="light"] .news-slider .card-news a {
    color: #000000 !important;
}

[data-theme="light"] .row-guide-top,
[data-theme="light"] .row-guide-bottom {
    border-color: #eeeeee !important;
}

/* 8. COMPLIANCE SLIDER CARDS */
[data-theme="light"] .compliance-card {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .compliance-card img.img-white {
    filter: brightness(0) !important;
    /* Forces white compliance logos to black */
}

/* 7. FAQ SECTION - UNIFIED SUB-SERVICE STYLE */
[data-theme="light"] .faq-block .accordion .accordion-item {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    background-image: none !important;
    margin-bottom: 15px !important;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: none !important;
}

[data-theme="light"] .faq-block .accordion .accordion-button {
    color: #000000 !important;
    font-weight: 700 !important;
    background-color: #ffffff !important;
    border-radius: 0 !important;
}

[data-theme="light"] .faq-block .accordion .accordion-body {
    color: #000000 !important;
    background-color: #ffffff !important;
    border-top: 1px solid #eeeeee !important;
}

[data-theme="light"] .faq-block .accordion .accordion-button::after {
    content: "+" !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 25px !important;
    height: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-image: none !important; 
    font-size: 14px !important;
}

[data-theme="light"] .faq-block .accordion .accordion-button:not(.collapsed)::after {
    content: "\f068" !important;
}

/* 10. CLIENT LOGO FIX */
[data-theme="light"] .home-clientlogo {
    mask-image: none !important;
    -webkit-mask-image: none !important;
}

[data-theme="light"] .home-clientlogo-item img {
    filter: none !important;
    opacity: 0.7 !important;
    background: none !important;
}

[data-theme="light"] .featured-work-slider .card-news,
[data-theme="light"] .news-slider .card-news{
    border: 1px solid #e0e0e0 !important;
    border-radius: 16px !important;
}

/* =====================================================
   TECHNOLOGY STACK ORBIT - LIGHT MODE ADJUSTMENTS
===================================================== */

/* 1. Ensure the background semicircle guides remain visible on white */
[data-theme="light"] .row-guide-top, 
[data-theme="light"] .row-guide-bottom {
    border-color: #eeeeee !important; /* Subtle grey for visibility on white */
    opacity: 1 !important;
    display: block !important;
}

/* 2. Style the floating icon containers: White Circle, No Box Border */
[data-theme="light"] .integration-item .icon-box {
    background-color: #ffffff !important; /* Pure white circle background */
    border: none !important;              /* Removes the box border */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important; /* Adds depth against white background */
    border-radius: 50% !important;        /* Ensures it stays a circle */
}

/* 3. Ensure icons inside the white circles are centered and original color */
[data-theme="light"] .integration-item .icon-box img {
    filter: none !important; 
    max-width: 60% !important;
}

/* 4. Typography contrast for Orbit Labels */
[data-theme="light"] .integration-item .text-content span {
    color: #000000 !important;
    font-weight: 700 !important;
}

[data-theme="light"] .integration-item .item-role {
    color: #666666 !important;
}

[data-theme="light"] .integrations-section{
    background-color: invert(1) !important;
}

[data-theme="light"] .integrations-section {
    /* If your SVG is a background image, we use a mask or a darker SVG */
    background-image: url('../img/services/semicircles_black_transparent.svg') !important; 
    
    /* If you don't have a dark SVG file, use this filter on the background ONLY */
    /* This requires the section to have a pseudo-element for the BG */
}