/* M8WL SkyAuto v0.8.17 — readability pass
 * Raises undersized functional/support copy without inflating decorative badges.
 * Target: normal helper text >= 13px; labels >= 12px; detail/meta values >= 13px.
 */

/* Homepage finder + supporting cards */
.home .m8-home-search-card .m8vf__heading span,
.home .m8-home-search-card .m8vf__heading small{font-size:13px!important;line-height:1.35}
.home .m8-home-search-card .m8vf label>span,
.home .m8-home-search-card .m8vf__submit>span{font-size:12px!important;line-height:1.3}
.home .m8-home-search-card .m8vf__status{font-size:13px!important}
.home .m8-home-trust-strip--wide strong{font-size:14px!important;line-height:1.25}
.home .m8-home-trust-strip--wide small{font-size:12px!important;line-height:1.35}
.home .m8-home-trust-strip--wide b{font-size:10px!important}

/* Catalogue / product cards */
.m8-commerce-card__status{font-size:13px!important}
.m8-commerce-card__meta{font-size:12px!important;line-height:1.35}
.m8-commerce-card__actions>button,
.m8-commerce-card__actions>a{font-size:13px!important}
.m8-card-purchase-panel__head strong{font-size:14px!important}
.m8-card-configurations button strong{font-size:13px!important;line-height:1.35}
.m8-card-configurations button small{font-size:12px!important;line-height:1.35}
.m8-card-selection-note{font-size:12px!important;line-height:1.4}
.m8-card-purchase-row>.m8-card-add,
.m8-card-purchase-row>.m8-card-buy{font-size:13px!important}
.m8-stock-pill{font-size:12px!important}
.m8-catalog-result-count{font-size:13px!important}
.m8-filter-sidebar__head small{font-size:11px!important}
.m8-filter-check{font-size:13px!important}
.m8-filter-reset{font-size:13px!important}
.m8-active-filters small{font-size:11px!important}
.m8-active-filters strong{font-size:12px!important}

/* Product detail page */
.single-product .woocommerce-breadcrumb,
.m8-breadcrumb{font-size:13px!important}
.m8-product-value-points li{font-size:13px!important;line-height:1.45}
.m8-product-detail-meta small{font-size:11px!important;line-height:1.3}
.m8-product-detail-meta strong{font-size:14px!important;line-height:1.35}
.m8-fitment-summary small{font-size:13px!important}
.m8-fitment-summary a{font-size:13px!important}
.m8-fitment-action small{font-size:11px!important}
.m8-fitment-action span{font-size:13px!important;line-height:1.4}
.m8-fitment-action>a{font-size:13px!important}
.m8-detail-options header p{font-size:14px!important;line-height:1.5}
.m8-detail-selection-message{font-size:13px!important;line-height:1.4}
.single_variation .woocommerce-variation-availability{font-size:14px!important}
.m8-compat-head{font-size:12px!important}
.m8-related-guides small{font-size:11px!important}
.m8-related-guides p{font-size:13px!important;line-height:1.5}
.m8-purchase-trust b{font-size:12px!important}
.m8-purchase-trust small{font-size:11px!important;line-height:1.35}

/* General supporting copy that was visually too small */
.m8-brand-static-grid small{font-size:12px!important}
.m8-commercial-guides small{font-size:11px!important}
.m8-footer-commerce-trust strong{font-size:13px!important}
.m8-footer-commerce-trust small{font-size:11px!important;line-height:1.35}

@media(max-width:700px){
  .home .m8-home-search-card .m8vf label>span,
  .home .m8-home-search-card .m8vf__submit>span{font-size:13px!important}
  .m8-product-detail-meta small{font-size:12px!important}
  .m8-product-detail-meta strong{font-size:14px!important}
}

/* v0.8.31 — keep mobile two-column product cards readable without overflow. */
@media(max-width:620px){
  .m8-commerce-card__status{font-size:11px!important}
  .m8-commerce-card__meta{font-size:10px!important;line-height:1.25}
  .m8-commerce-card__actions>button,
  .m8-commerce-card__actions>a{font-size:11px!important}
  .m8-card-purchase-panel__head strong{font-size:10px!important}
  .m8-card-configurations button strong{font-size:9px!important;line-height:1.25}
  .m8-card-configurations button small{font-size:9px!important;line-height:1.25}
  .m8-card-selection-note{font-size:9px!important;line-height:1.3}
  .m8-card-purchase-row>.m8-card-add,
  .m8-card-purchase-row>.m8-card-buy{font-size:10px!important}
}

/* v0.8.32 — force real two-column WooCommerce product grids on phone layouts. */
@media(max-width:620px){
  body.woocommerce ul.products,
  body.woocommerce-page ul.products,
  body.home .m8-home-featured ul.products,
  body.home .m8-home-featured .woocommerce ul.products,
  body.single-product .related ul.products,
  body.single-product .upsells ul.products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:10px!important;
    width:100%!important;
  }
  body.woocommerce ul.products>li.product,
  body.woocommerce-page ul.products>li.product,
  body.home .m8-home-featured ul.products>li.product,
  body.single-product .related ul.products>li.product,
  body.single-product .upsells ul.products>li.product{
    float:none!important;
    clear:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  body.home .m8-home-featured ul.products>li.product .m8-commerce-card__inner,
  body.woocommerce ul.products>li.product .m8-commerce-card__inner,
  body.woocommerce-page ul.products>li.product .m8-commerce-card__inner{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
}
@media(max-width:360px){
  body.home .m8-home-featured ul.products,
  body.woocommerce ul.products,
  body.woocommerce-page ul.products{gap:8px!important}
}


/* v0.8.33 — enforce two product cards per row on phone layouts, especially homepage featured products. */
@media(max-width:620px){
  body.home .m8-home-featured .woocommerce ul.products,
  body.home .m8-home-featured ul.products,
  body.home .m8-home-featured ul.products.columns-4,
  body.home .m8-home-featured ul.products.columns-3,
  body.home .m8-home-featured ul.products.columns-2{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  body.home .m8-home-featured .woocommerce ul.products li.product,
  body.home .m8-home-featured ul.products li.product{
    float:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  body.home .m8-home-featured .m8-commerce-card__inner{
    width:100%!important;
    height:100%!important;
  }
}