/* =========================================================
   GEE – Shared Mobile Tweaks
   Source: migrated from old gee-mobile.css
   Rule: ONLY media queries in this file
   ========================================================= */

@media (max-width: 768px) {

    .gee-wrap {
        padding: 16px;
        margin: 20px auto;
    }

    .gee-btn,
    .gee-btn-primary {
        min-height: 44px;
    }

    .gee-share-box {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    input,
    select {
        font-size: 16px;
    }

    .gee-scorecard-cards {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }

    .gee-points-banner {
        font-size: 13px;
        padding: 8px 12px;
    }
}

@media (max-width: 480px) {

    .gee-hole-footer { gap: 6px; }

    .gee-hole-input {
        max-width: 56px;
        font-size: 15px;
    }

    .gee-hole-save-btn {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
}

@media (max-width: 420px){
  .gee-hole-input{ flex-basis: 55px; width: 55px; max-width: 55px; }
}

/* ------------------------------------------------------
   App feel: prevent sideways “nudging” without killing
   pull-to-refresh
------------------------------------------------------- */

/* Stop horizontal drift */
html, body {
  overflow-x: hidden;
}

/* Your app wrapper */
.gee-wrap.gee-app {
  overflow-x: hidden;
  touch-action: pan-y;            /* allow vertical scroll only */
  overscroll-behavior-x: none;    /* block horizontal overscroll */
  overscroll-behavior-y: auto;    /* keep pull-to-refresh */
}