/**
 * Customer Account Area Styles
 * Optimized for mobile experience
 */

/* Hide footer on mobile for account pages */
@media (max-width: 768px) {
    body.account-page footer,
    body.user-dashboard footer,
    body.user-orders footer,
    body.user-profile footer,
    body.user-addresses footer,
    body.user-support footer,
    body.checkout-page footer {
        display: none !important;
    }
}

/* Optional: Add some bottom padding to account pages on mobile to prevent content cutoff */
@media (max-width: 768px) {
    body.account-page main,
    body.user-dashboard main,
    body.user-orders main,
    body.user-profile main,
    body.user-addresses main,
    body.user-support main {
        padding-bottom: 2rem;
    }
}