/* Small text and small tap targets on the customer pages (2026-10-17). Loaded last in <head> on every page.
   Rules start with "html body" so they win over the inline styles and the CSS loaded later in the page. */

/* Footer links: 11px -> 13px */
html body.ep-ready-site .ec-footerNavi .ec-footerNavi__link a { font-size: 13px; }

/* Header tools (menu, home, search, login, cart): labels 10px -> 12px */
html body .ep-nav-tools .ep-nav-tool { font-size: 12px; }

/* Home page section labels (CATEGORY, BRAND): 11px -> 12px, darker */
html body#page_homepage .ep-ready-home-heading .ep-ready-eyebrow { font-size: 12px; color: #4f6d64; }

/* Product cards: specs 11px -> 12px; price badges 11px -> 12px (ep-card-price-notes uses !important) */
html body#page_product_list .ec-carportCardSpecs .ec-carportCardSpecs__list :is(dt, dd) { font-size: 12px; }
html body:is(#page_product_list, #page_homepage) :is(.ep-product-price-badge, .ep-card-price-badge) { font-size: 12px !important; }

/* Product list: the filter remove mark gets a 32px tap area without moving the tag text */
html body#page_product_list .ec-filterActive__tag a { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; margin: -8px -8px -8px 0; }

/* Product page: the maker catalog link and the maker name get a 32px tap height */
html body#page_product_detail .ec-productRole__catalog a { display: inline-flex; align-items: center; gap: 4px; min-height: 32px; font-size: 13px; }
html body#page_product_detail .ec-maker a { display: inline-block; padding: 6px 0; }

/* Postal code search link: 32px tap height */
html body .ec-zipInputHelp a { display: inline-flex; align-items: center; min-height: 32px; }

/* Login "remember me": 12px box -> 18px, label 12px -> 13px */
html body:is(#page_mypage_login, #page_shopping_login) .ec-login .ec-checkbox { font-size: 13px; }
html body:is(#page_mypage_login, #page_shopping_login) .ec-login .ec-checkbox .form-check { padding-left: 26px; }
html body:is(#page_mypage_login, #page_shopping_login) .ec-login .ec-checkbox .form-check-input { width: 18px; height: 18px; margin-left: -26px; }

/* Checkout, my page, sign-up, contact and password pages (2026-10-17): tax line 10px -> 12px on phones,
   breadcrumb 11px -> 13px with a 34px tap height (negative margins keep the layout), "required" badges 10px -> 12px */
html body .ec-totalBox .ec-totalBox__taxRate { font-size: 12px; }
html body .ep-ready-breadcrumb { font-size: 13px; }
html body .ep-ready-breadcrumb a { display: inline-block; padding: 6px 0; margin: -6px 0; }
html body[id] .ec-required { font-size: 12px; }

@media (max-width: 767px) {
  /* Home page "view all products" buttons: 10px -> 12px */
  html body#page_homepage .ep-ready-home-heading .ep-ready-outline { font-size: 12px; }
  /* Product list breadcrumb: 16px -> 38px tap height */
  html body#page_product_list .ec-topicpath a { display: inline-block; padding: 8px 0; font-size: 13px; }
}
@media (min-width: 768px) {
  html body#page_product_detail .ec-maker { font-size: 13px; }
}
@media (min-width: 1024px) {
  /* The menu button is 44px wide on PCs; keep its 12px label on one line */
  html body .ep-nav-tools [data-ep-open="menu"] span { white-space: nowrap; }
}
@media (min-width: 1200px) {
  /* Product page section buttons (PC): 11px -> 13px. Below 1200px the four buttons would wrap, so they stay 11px */
  html body#page_product_detail .ep-pc-sections button { font-size: 13px; }
}