/**
 * Custom CSS for CMS pages only.
 * Loaded only when viewing a CMS page (child theme: RoboticRental).
 */

/* Add your CMS page–specific styles below */

.cms-page-view .main section,
.cms-page-view .main figure {
    margin-bottom: 0 !important;
}

.breadcrumbs ul {
    color: var(--text-color) !important;
    font-size: var(--ft-size-medium) !important;
    text-transform: var(--ft-transform-capitalize) !important;
}
@media (max-width: 768px) {
    .breadcrumbs {
        display: none !important;
    }
}

/**
 * Android/mobile rendering safety.
 *
 * CMS pages use several stacked backdrop blurs, large filtered pseudo-elements,
 * 3D transforms and permanently promoted animation layers. On Android Chrome
 * these combinations can trigger blue/green flashes and incomplete repaints
 * while scrolling. Keep the richer desktop presentation, but render mobile CMS
 * content with stable, inexpensive layers.
 */
@media (max-width: 768px) {
    /* Backdrop blur is the primary Android compositor failure trigger. */
    .cms-page-view .page-main *,
    .cms-page-view .page-main *::before,
    .cms-page-view .page-main *::after {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    /* Decorative blurred layers and large GPU filters found in CMS content. */
    .cms-page-view .orb,
    .cms-page-view [class*="orb-glow"],
    .cms-page-view [class*="cta-glow"],
    .cms-page-view [class*="hero-ground"],
    .cms-page-view .stage::before,
    .cms-page-view .rr-shipping-page::before,
    .cms-page-view .rr-shipping-page::after,
    .cms-page-view .rr-cine-production-page::before,
    .cms-page-view .rr-cine-production-page::after,
    .cms-page-view .rr-ai-host-page::before,
    .cms-page-view .rr-ai-host-page::after,
    .cms-page-view .rr-impact-media-page::before,
    .cms-page-view .rr-impact-media-page::after,
    .cms-page-view .rr-ai-agents-page .difference::before,
    .cms-page-view .rr-ai-agents-page .voice-ai-wave::before,
    .cms-page-view .rr-ai-agents-page .physical-usp::before,
    .cms-page-view .rr-ai-agents-page .physical-usp::after,
    .cms-page-view .rr-ai-agents-page .physical-usp-visual::before,
    .cms-page-view .rr-ai-agents-page .platforms::before,
    .cms-page-view .home-story-clips__media::before,
    .cms-page-view .whatsapp-section .wa-particle-field::before,
    .cms-page-view .whatsapp-section .wa-particle-rail::before,
    .cms-page-view .whatsapp-section .wa-particle-rail::after,
    .cms-page-view .whatsapp-section .wa-particle::before {
        filter: none !important;
    }

    /* Do not permanently reserve compositor memory for off-screen CMS items. */
    .cms-page-view .home-story-clips__item,
    .cms-page-view .whatsapp-section .wa-particle,
    .cms-page-view .rr-ai-agents-page .voice-ai-wave svg,
    .cms-page-view .rr-ks-page .ks-hero-proofbar,
    .cms-page-view .rr-ks-page .ks-hero-panel {
        will-change: auto !important;
    }

    /* Remove continuous decorative animation work on touch-sized screens. */
    .cms-page-view .whatsapp-section .wa-particle,
    .cms-page-view .whatsapp-section .wa-banner::after,
    .cms-page-view .whatsapp-section .wa-response-badge::before,
    .cms-page-view .whatsapp-section .wa-title,
    .cms-page-view .orb,
    .cms-page-view [class*="orb-glow"] {
        animation: none !important;
    }

    /* Avoid the Android tap-selection flash being mistaken for a page filter. */
    .cms-page-view .page-main a,
    .cms-page-view .page-main button,
    .cms-page-view .page-main [role="button"] {
        -webkit-tap-highlight-color: transparent;
    }
}