/* Long Coffee 1.8.37: customer storefront improvements ONLY. */
/* This CSS is loaded last and deliberately does not use Admin/POS selectors. */
body:has(> .site-header) .mobile-product-actions { display:none; }
@media (max-width:760px) {
  /* Show actual products immediately; no large marketing hero before menu. */
  body.customer-page-order:has(> .site-header) .hero,
  body.customer-page-order:has(> .site-header) .benefits { display:none!important; }
  body.customer-page-order:has(> .site-header) #thuc-don { padding-top:12px!important; }
  body.customer-page-order:has(> .site-header) #thuc-don .menu-heading { margin-bottom:10px!important; }
  body.customer-page-order:has(> .site-header) #thuc-don .menu-heading h2 { font-size:25px!important; }
  /* Category chips: one tap to browse, with real native horizontal scrolling. */
  body:has(> .site-header) #thuc-don .menu-category-rail { position:relative!important; z-index:1!important; }
  body:has(> .site-header) #thuc-don .category-tabs {
    display:flex!important; width:100%!important; gap:8px!important;
    overflow-x:auto!important; overflow-y:hidden!important; touch-action:pan-x pan-y!important;
    scroll-snap-type:none!important; padding:4px 2px 9px!important;
    scrollbar-width:thin; -webkit-overflow-scrolling:touch;
  }
  body:has(> .site-header) #thuc-don .category-tab {
    flex:0 0 auto!important; width:auto!important; min-height:44px!important;
    padding:9px 12px!important; border-radius:999px!important;
    display:inline-flex!important; align-items:center!important; justify-content:center!important;
    font-size:13px!important; white-space:nowrap!important;
    touch-action:manipulation!important;
  }
  body:has(> .site-header) #thuc-don .mobile-category-picker { display:none!important; }
  /* Reset old four-products-per-swipe declarations without changing the Admin grid. */
  body.customer-page-order:has(> .site-header) #thuc-don .product-category-products,
  body.customer-page-order:has(> .site-header) #thuc-don .product-menu-page,
  body.customer-page-order:has(> .site-header) #thuc-don #product-grid {
    overflow:visible!important; height:auto!important; max-height:none!important;
    scroll-snap-type:none!important; touch-action:pan-y!important;
  }
  body.customer-page-order:has(> .site-header) #thuc-don .product-menu-page {
    display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important; gap:10px!important;
  }
  body.customer-page-order:has(> .site-header) #thuc-don .product-card .product-info {
    display:flex!important; flex-direction:column!important; min-height:124px!important;
  }
  body.customer-page-order:has(> .site-header) #thuc-don .product-card .product-price { white-space:normal!important; }
  body.customer-page-order:has(> .site-header) #thuc-don .mobile-product-actions {
    display:flex!important; flex-direction:column!important; width:100%!important;
    gap:6px!important; margin-top:auto!important;
  }
  body.customer-page-order:has(> .site-header) #thuc-don .mobile-product-actions button {
    display:flex!important; position:relative!important; align-items:center!important;
    justify-content:center!important; width:100%!important; min-height:44px!important;
    height:auto!important; margin:0!important; padding:8px 6px!important;
    border-radius:9px!important; font-size:12px!important; font-weight:800!important;
    touch-action:manipulation!important; cursor:pointer!important; pointer-events:auto!important;
  }
  body.customer-page-order:has(> .site-header) #thuc-don .mobile-product-quick-add {
    background:#d9bd82!important; color:#2f2118!important; border:1px solid #d9bd82!important;
  }
  body.customer-page-order:has(> .site-header) #thuc-don .mobile-product-select {
    background:#f1dfc3!important; color:#39291e!important; border:1px solid #947147!important;
  }
  /* The old mobile-only button is replaced by an action group. */
  body.customer-page-order:has(> .site-header) #thuc-don .product-card .product-purchase-actions,
  body.customer-page-order:has(> .site-header) #thuc-don .product-card .quantity-control,
  body.customer-page-order:has(> .site-header) #thuc-don .product-card .product-controls {
    display:none!important;
  }
  body.customer-page-order:has(> .site-header) .quick-cart-dock:not([hidden]) {
    display:flex!important; touch-action:manipulation!important;
  }
  /* Keep long receipt and contact pages naturally scrollable. */
  body:has(> .site-header) #customer-invoices:not([hidden]),
  body:has(> .site-header) #lien-he:not([hidden]) {
    height:auto!important; max-height:none!important; overflow:visible!important;
    touch-action:pan-y!important;
  }
}
@media(max-width:355px) {
  body.customer-page-order:has(> .site-header) #thuc-don .product-menu-page { gap:7px!important; }
  body.customer-page-order:has(> .site-header) #thuc-don .mobile-product-actions button { font-size:11px!important; }
}