/* Preventing Mobile Zoom Issues */
@media (max-width: 768px) {

    /* Prevent iOS zoom-on-focus (General inputs) */
    input,
    select,
    textarea {
        font-size: 16px !important;
    }

    /* DATA TABLE EXCEPTION: 
       User specifically requested smaller font for the data table.
       We sacrifice the "no-zoom-on-focus" protection here for density.
       (The meta user-scalable=no might help anyway).
    */
    #preview-table td,
    #preview-table th,
    .editable-cell {
        font-size: 13px !important;
        /* Compact mobile size */
    }

    /* Prevent double-tap zoom */
    button,
    a,
    input,
    select,
    textarea,
    .col-actions-btn,
    .sort-icon {
        touch-action: manipulation;
    }

    /* Prevent horizontal scrolling causing "zoom out" feel */
    body,
    html {
        min-width: 100vw;
        max-width: 100vw;
        overflow-x: hidden;
    }

    /* Reduce Hero Title on Mobile */
    h1[data-i18n="hero_title"] {
        font-size: 1.5rem !important;
    }

    .actions-bar {
        margin-top: -1rem !important;
    }

    /* Reduce spacing between Hero and Upload on Mobile */
    .hero-content-stunning {
        padding-top: 5rem !important;
        padding-bottom: 0.3rem !important;
    }

    .hero-upload-section {
        padding-top: 0rem !important;
    }


}