/* GENERATED FILE - DO NOT EDIT.
   Source of truth: web/_shared/modules/phone-base.css
   Edit that file, then run web/_shared/sync-modules.ps1 -Deploy */
/* phone-base.css 0.1.0: phone fixes for EVERY PXL page, one-screen or normal scroll.
   Real phones only (narrow AND touch), so desktop and tablet never read a line of it.
   Layout stays as it is here: this only makes things big enough to read and to tap.
   Source of the list: main-site/phone-preview/_audit/REPORT.md, 2026-11-03. */
@media (max-width: 600px) and (pointer: coarse) {

  /* Cookie notice: same words, 46% of the screen down to about a quarter, buttons side by side */
  #stm_gdpr_popup-main {
    z-index: 1100 !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    padding: 12px 14px !important;
  }
  #stm_gdpr_popup-main .stm_gdpr_popup-content { font-size: 13px; line-height: 1.4; padding-bottom: 0; }
  #stm_gdpr_popup-main .stm_gdpr_popup-content a { display: inline; }
  #stm_gdpr_popup-main .stm_gdpr_popup-links { display: flex !important; gap: 8px; width: 100% !important; float: none !important; margin-top: 8px; }
  #stm_gdpr_popup-main .stm_gdpr_popup-links::after { display: none; } /* the plugin's clearfix would take a flex slot */
  #stm_gdpr_popup-main .stm_gdpr_popup-links a {
    flex: 1 1 50%;
    width: auto !important;
    min-width: 0;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 8px !important;
    float: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
  }

  /* Site header and footer tap targets */
  a.nav-logo { min-height: 44px; display: inline-flex; align-items: center; }
  #navToggle { min-width: 44px; min-height: 44px; }
  #pxlNavCart { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .footer .socials a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .footer-val a { display: inline-flex; align-items: center; min-height: 44px; }
  .footer-block .footer-label, .footer .footer-label { font-size: 12px; }
  .footer-bottom .footer-legal a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink-dim); }

  /* Legal pages: nothing under 12px */
  p.legal-stamp, p.legal-toc-label { font-size: 12px !important; color: var(--ink-dim); }
  table.legal-table th, table.legal-table td { font-size: 12px !important; color: var(--ink-dim); }

  /* Login and licence forms */
  .woocommerce-Input, #pxl_self_key { min-height: 44px; }
  .woocommerce-form__label-for-checkbox { display: flex; align-items: center; min-height: 44px; }
  label[for="pxl_self_key"] { font-size: 12px; color: var(--ink-dim); }
}