/* v2.6.577 — Mobile Public Pages Final QA + Layout Consistency */
@media (max-width: 782px){
  body:not(.wp-admin) .picklelapu-page,
  body:not(.wp-admin) .picklehub-page,
  body:not(.wp-admin) .picklehub-home,
  body:not(.wp-admin) .picklehub-public-page,
  body:not(.wp-admin) .picklelapu-public-wrap,
  body:not(.wp-admin) .picklelapu-booking-page,
  body:not(.wp-admin) .picklehub-venue-page,
  body:not(.wp-admin) .picklelapu-locations-page,
  body:not(.wp-admin) .picklelapu-claim-page,
  body:not(.wp-admin) .picklehub-claim-page{
    width: min(100%, 100vw) !important;
    max-width: 100vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(8px, 2.5vw, 12px) !important;
    padding-right: clamp(8px, 2.5vw, 12px) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  body:not(.wp-admin) .picklehub-card,
  body:not(.wp-admin) .picklelapu-card,
  body:not(.wp-admin) .picklehub-glass-card,
  body:not(.wp-admin) .picklelapu-form-card,
  body:not(.wp-admin) .picklehub-form-card,
  body:not(.wp-admin) .picklehub-owner-card,
  body:not(.wp-admin) .picklelapu-dashboard-card{
    border-radius: 18px !important;
    padding: clamp(14px, 4vw, 18px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body:not(.wp-admin) .picklehub-hero,
  body:not(.wp-admin) .picklehub-home-hero,
  body:not(.wp-admin) .picklehub-public-hero{
    padding: 16px 10px !important;
    border-radius: 22px !important;
  }
  body:not(.wp-admin) h1,
  body:not(.wp-admin) .picklehub-hero h1{
    font-size: clamp(34px, 10.5vw, 50px) !important;
    line-height: .96 !important;
    letter-spacing: -0.055em !important;
    margin-bottom: 12px !important;
  }
  body:not(.wp-admin) h2,
  body:not(.wp-admin) .picklehub-section-title{
    font-size: clamp(25px, 7.2vw, 32px) !important;
    line-height: 1.05 !important;
  }
  body:not(.wp-admin) input:not([type="checkbox"]):not([type="radio"]),
  body:not(.wp-admin) select,
  body:not(.wp-admin) textarea{
    min-height: 48px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
  }
  body:not(.wp-admin) textarea{min-height: 108px !important;}
  body:not(.wp-admin) .picklehub-actions,
  body:not(.wp-admin) .picklelapu-actions,
  body:not(.wp-admin) .picklehub-cta-row{
    gap: 8px !important;
  }
  body:not(.wp-admin) .picklehub-btn,
  body:not(.wp-admin) .picklelapu-button,
  body:not(.wp-admin) .button:not(.wp-color-result){
    min-height: 46px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    line-height: 1.15 !important;
  }
  body:not(.wp-admin) .picklehub-mobile-tabs,
  body:not(.wp-admin) .picklehub-venue-tabs{
    margin-left: -4px !important;
    margin-right: -4px !important;
    padding: 6px !important;
    gap: 6px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  body:not(.wp-admin) .picklehub-mobile-tabs::-webkit-scrollbar,
  body:not(.wp-admin) .picklehub-venue-tabs::-webkit-scrollbar{display:none !important;}
  body:not(.wp-admin) .picklehub-mobile-tabs a,
  body:not(.wp-admin) .picklehub-venue-tabs a{
    white-space: nowrap !important;
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 9px 13px !important;
    border-radius: 12px !important;
  }
  body:not(.wp-admin) .picklelapu-booking-grid-shell,
  body:not(.wp-admin) .picklehub-booking-grid-shell,
  body:not(.wp-admin) .picklelapu-availability-grid-wrap{
    margin-left: -2px !important;
    margin-right: -2px !important;
    padding: 5px !important;
    border-radius: 14px !important;
  }
  body:not(.wp-admin) .picklelapu-availability-grid,
  body:not(.wp-admin) .picklehub-availability-grid{
    width: 100% !important;
    table-layout: fixed !important;
    border-spacing: 2px !important;
  }
  body:not(.wp-admin) .picklelapu-availability-grid th,
  body:not(.wp-admin) .picklehub-availability-grid th{font-size: 10.5px !important; padding: 4px 2px !important;}
  body:not(.wp-admin) .picklelapu-availability-grid td,
  body:not(.wp-admin) .picklehub-availability-grid td{padding: 2px !important;}
}