/**
 * Mobile Footer Fix for Coding Language Notes Pages
 * This ensures proper spacing on mobile devices
 * 
 * @package Seven_Scribes
 */

/* ========================================
   Mobile Footer Spacing Fix
   ONLY for coding language notes pages
   ======================================== */

/* Tablet and Large Mobile (≤992px) */
@media (max-width: 992px) {
    body.single-coding_language .site-footer .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* Standard Mobile (≤768px) */
@media (max-width: 768px) {
    body.single-coding_language .site-footer .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
        max-width: 100%;
        margin: 0 auto;
    }
    
    body.single-coding_language .footer-main {
        padding: 2rem 0;
    }
    
    body.single-coding_language .footer-bottom {
        padding: 1.5rem 0;
    }
    
    body.single-coding_language .footer-links {
        flex-wrap: wrap;
        gap: 1rem;
        padding: 0 10px;
    }
    
    body.single-coding_language .footer-bottom-content {
        padding: 0 10px;
    }
    
    /* Ensure all footer sections have breathing room */
    body.single-coding_language .footer-brand,
    body.single-coding_language .footer-quick-links,
    body.single-coding_language .footer-learn,
    body.single-coding_language .footer-connect {
        margin-bottom: 1.5rem;
    }
}

/* Small Mobile (≤480px) */
@media (max-width: 480px) {
    body.single-coding_language .site-footer .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    body.single-coding_language .footer-brand,
    body.single-coding_language .footer-quick-links,
    body.single-coding_language .footer-learn,
    body.single-coding_language .footer-connect {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    body.single-coding_language .footer-links {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0;
        gap: 0.75rem;
    }
    
    body.single-coding_language .footer-bottom-content {
        padding: 0 10px;
    }
    
    body.single-coding_language .copyright p {
        font-size: 0.85rem;
        line-height: 1.5;
    }
}

/* Extra Small Mobile (≤360px) */
@media (max-width: 360px) {
    body.single-coding_language .site-footer .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}