/* =====================================================
   RESUME TARGET - SHARED PAGES MOBILE CSS
   /asset/css/templates/shared-pages-mobile.css
   Mobile styles for ALL pages site-wide
   v20260123b
   
   IMPORTANT: All rules must be inside @media query!
   
   USAGE: Add body_class 'rt-page' to ALL page templates:
   $page['body_class'] = 'rt-page';
   
   Or combine with page-specific classes:
   $page['body_class'] = 'rt-page service-page-body';
   ===================================================== */

@media (max-width: 767px) {
    
    /* Hide blue top bar on mobile for ALL pages with .rt-page class */
    .rt-page .top-bar,
    .rt-page .header-top {
        display: none !important;
    }
    
    /* Adjust mobile menu position when top bar is hidden */
    .rt-page .mobile-menu {
        top: 70px; /* Just main-nav height, no top-bar */
    }
    
    /* Breadcrumb adjustments */
    .breadcrumb {
        padding: 10px 0;
        font-size: 13px;
    }
    
    .breadcrumb .container {
        gap: 6px;
    }
    
    /* CTA section */
    .cta-section {
        padding: 48px 20px;
    }
    
    .cta-section h2 {
        font-size: 24px;
    }
    
    /* Guarantee box */
    .guarantee-box {
        flex-direction: column;
        text-align: center;
        gap: 16px;
        padding: 32px 20px;
    }
    
    .guarantee-details {
        flex-direction: column;
        gap: 12px;
    }
    
    /* Navigation stacked */
    .process-nav .container,
    .service-nav .container {
        flex-direction: column;
        gap: 12px;
    }
    
    .process-nav-item,
    .service-nav-item {
        width: 100%;
        text-align: center;
    }
    
    /* Section titles */
    .section-title {
        font-size: 24px;
    }
    
    .section-title-service {
        font-size: 24px;
    }
    
    .section-subtitle {
        font-size: 15px;
    }
    
    /* Trust cards stacked */
    .trust-cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    /* Info cards stacked */
    .info-cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
}