/* Fix for mobile view navbar buttons and scrollbar issues */

/* Adjust font size for mobile menu items */
@media screen and (max-width: 768px) {
    .sm-clean a,
    .sm-clean a:hover,
    .sm-clean a:focus,
    .sm-clean a:active {
        /* DM Sans SemiBold (declared in head.php's @font-face, served from the
           market's own CDN), responsive size, and slightly tightened tracking
           for a more elegant look. Weight 600 matches the SemiBold face so the
           browser uses real glyphs rather than synthesising bold. Replaces the
           old flat 16px (too small) and the base 10vw (too large). */
        font-family: 'DM Sans SemiBold', 'DM Sans', sans-serif !important;
        font-size: clamp(24px, 7vw, 34px) !important;
        font-weight: 600 !important;
        letter-spacing: -0.02em !important;
        line-height: 1.2 !important;
    }
    
    /* Ensure proper spacing for the login section */
    .sectionLogin {
        padding: 20px 0;
        min-height: 100%;
        height: auto;
        overflow: visible;
    }
    
    /* Ensure the login container has proper spacing */
    .allLoginSec {
        padding: 20px 0;
    }
    
    /* Ensure the login form is properly displayed */
    .flipper {
        width: 100%;
        max-width: 370px;
        margin: 0 auto;
    }
    
    /* Ensure the second section has proper spacing */
    .secondSectionn {
        padding: 20px 0;
    }
    
    /* Adjust padding for smaller screens */
    .padding100 {
        padding: 20px !important;
    }
}