/* SpOki Mobile Rescue (Package B) -- 2026-07-03.
 * Root causes fixed:
 * 1) Bottom sticky toolbar labels clipped to ~20px because their positioning-
 *    context <a> shrink-wraps to icon-only width (40px) instead of filling its
 *    91px flex cell.
 * 2) Icon-font preload hardening -- see spoki-mobile-rescue.php wp_head hook.
 * 3+4) .spoki-cat__shopframe computes a FIXED 1120px grid-template-columns at
 *    mobile widths (confirmed live) because it lacks min-width:0, so its
 *    uncapped nested .spoki-helper-cards__grid content pushes the whole
 *    shopframe (filter button, product grid, helper cards, images) outside
 *    the viewport. Confirmed functional impact: the "Филтър" button was
 *    physically unreachable (outside viewport). Fixing the grid-shrink also
 *    fixes the helper-card 16/10 crop, since both share this root cause.
 * CSS/restyle only -- no filter href/count/sort/WooCommerce-loop values touched.
 * Kill-switch: wp_dequeue_style('spoki-mobile-rescue').
 * Backup: functions.php.bak-mobilerescue-20260703_183104
 */

@media (max-width: 767px) {
  /* 1. Toolbar labels -- widen the label's positioning-context <a> to fill its cell */
/* covers .wd-toolbar-item AND .wd-header-search-mobile (search) AND any other
     wrapper -- any anchor that is a direct parent of the label, regardless of
     its own class or container class */
  .wd-toolbar a:has(> .wd-toolbar-label) {
    width: 100% !important;
  }
  .wd-toolbar-label {
    font-size: 10px !important;
  }

  /* 3+4. Category/brand shopframe -- allow the grid track to shrink below its
     nested content's intrinsic min-content width (the actual root cause) */
  .spoki-cat__shopframe,
  .spoki-cat__shopframe > * {
    min-width: 0 !important;
  }
  .spoki-helper-cards__grid {
    grid-template-columns: 1fr !important;
  }
}