/* ============================================
   DIPLOMA IN YOGA EDUCATION - MOBILE FULL WIDTH
   Mobile Only (max-width: 767px)
   Content edge-to-edge on small screens
   ============================================ */

@media (max-width: 767px) {
    
    /* Main content containers - full width */
    .diploma-yoga-page .container,
    .diploma-yoga-page main .container,
    .diploma-yoga-page section .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: clamp(12px, 3vw, 20px) !important;
        padding-right: clamp(12px, 3vw, 20px) !important;
    }
    
    /* Section content wrappers - full width */
    .diploma-yoga-page .motivation-content,
    .diploma-yoga-page .hero-content {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Section-specific container overrides */
    .diploma-yoga-page .highlights-section .container,
    .diploma-yoga-page .course-details-section .container,
    .diploma-yoga-page .benefits-section .container,
    .diploma-yoga-page .curriculum-section .container,
    .diploma-yoga-page .audience-section .container,
    .diploma-yoga-page .reviews-section .container,
    .diploma-yoga-page .alumni-section .container,
    .diploma-yoga-page .certificate-demo-section .container,
    .diploma-yoga-page .outcomes-section .container,
    .diploma-yoga-page .explore-section .container,
    .diploma-yoga-page .footer-cta .container,
    .diploma-yoga-page .social-sharing-section .container {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* Certificate demo container */
    .diploma-yoga-page .certificate-demo-container {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* Paragraphs with max-width - allow full width */
    .diploma-yoga-page p[style*="max-width: 800px"],
    .diploma-yoga-page .motivation-section p,
    .diploma-yoga-page .curriculum-section p {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}