/* Tap targets: every link and button a thumb can hit is at least 44px.
   Loaded last on each public page so it wins over the page styles.
   Prose links use padding with a matching negative margin, so the hit area
   grows without moving the text around it. */

/* header wordmark */
.site-header .wordmark{min-height:44px;display:flex;align-items:center}

/* footer links */
.site-footer p a{display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;min-width:44px;vertical-align:middle}
.site-footer a.mail{border-bottom:0;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}

/* mail and other links sitting inside a sentence */
.fine a, .cart-empty a, main p > a[href^="mailto:"], main li > a[href^="mailto:"],
.req-hint a, .form-fine a, .honest a, .tk-row dd a,
main p > a:not([class]), main li > a:not([class]), main dd > a:not([class]){
  display:inline-block;padding:15px 0;margin:-15px 0;min-width:44px;text-align:center
}

/* home: color swatches, live review strip, cart drawer */
.p .sw{width:44px !important;height:44px !important}
.ls-cta .link, .ls-cta .btn{min-height:44px}
.cart-close{width:44px;height:44px}
.cart-line .qty button[data-dir]{width:44px;height:44px}
.cart-remove{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 6px}

/* support and wholesale: big mail links and the jump link */
.mail-card .mc-mail, .hero-card .hc-mail{display:inline-flex;align-items:center;min-height:44px}
.hero-card .go{min-height:44px}

/* wholesale checkboxes: the whole label is the target */
.cbx{min-height:44px;align-items:center}
.cbx input{margin-top:0}

/* reviews: star buttons */
.rating-row label{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}

/* checkout: quantity stepper, remove, trust-row mail link */
.stepper button{width:44px;height:44px}
.remove-line{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.trust-item a{display:inline-block;padding:15px 0;margin:-15px 0}
/* the bigger stepper needs a little room on the narrowest phones */
@media (max-width:359px){
  .line-item{grid-template-columns:48px 1fr auto;gap:10px}
  .line-item img{width:48px;height:48px}
}