/* AIO HOME UX 2026-10-27 — homepage-only polish (loaded only on "/" when $aio_home_ux_on).
   Rollback: set $aio_home_ux_on = false in includes/nextgen/layout-header.php (or delete this file). */

/* 1) Search: readable 16px input (stops iOS zoom-on-focus), button no longer looks disabled, 44px tap height */
html body.ng.ng-home .home-hero__search--secondary .home-hero__search-row input[type="search"]{
  font-size:16px !important; min-height:44px !important; height:44px !important; color:#1f2d3a !important;
}
html body.ng.ng-home .home-hero__search--secondary .home-hero__search-row input[type="search"]::placeholder{ color:#66788a !important; opacity:1 !important; }
html body.ng.ng-home .home-hero__search--secondary .home-hero__search-row button{
  background:#16324f !important; color:#fff !important; min-height:44px !important; height:44px !important; font-size:15px !important; padding:0 20px !important;
}
html body.ng.ng-home .home-hero__search--secondary .home-hero__search-row button:hover,
html body.ng.ng-home .home-hero__search--secondary .home-hero__search-row button:focus-visible{ background:#0a5f96 !important; }
html body.ng.ng-home .home-hero__search--secondary .home-hero__search-label{ color:#3e5366 !important; }
html body.ng.ng-home .home-hero__search--secondary .home-hero__search-tip{ font-size:12.5px !important; color:#4a5d6e !important; }

/* 2) Latest Questions: vehicle + replies/age readable (were 3.1–3.6:1 contrast via opacity) and visually distinct from the link title */
html body.ng.ng-home section.home-latest .home-latest__meta{ opacity:1 !important; color:#3f5163 !important; }
html body.ng.ng-home section.home-latest .home-latest__subrow{ opacity:1 !important; color:#566a7c !important; }
html body.ng.ng-home section.home-latest .home-latest__footer{ padding:10px 4px 0 !important; }
html body.ng.ng-home section.home-latest .home-latest__count{ font-size:14px !important; color:#3f5163 !important; }

/* 3) Link-tile contrast (#007ac3 on #f6f8fa was 4.31:1) */
html body.ng.ng-home .home-top-links__list a{ color:#00649f !important; }

/* 4) Tap targets: small text links get >=40px (mobile) / >=32px hit areas without moving layout much */
html body.ng.ng-home .home-latest__more,
html body.ng.ng-home .home-popular__more a,
html body.ng.ng-home .home-footer__toplink{ display:inline-flex !important; align-items:center !important; min-height:32px !important; }
@media (max-width: 767px){
  html body.ng.ng-home .home-latest__more,
  html body.ng.ng-home .home-popular__more a,
  html body.ng.ng-home .home-footer__toplink{ min-height:40px !important; }
}
html body.ng.ng-home .ng-footer__small a{ display:inline-block !important; padding:6px 2px !important; }

/* 5) Mobile header: stop the 78 KB PNG logo from downloading behind the WebP <img> (identical artwork) */
@media (max-width: 991px){
  html body.ng header.ng-header .ng-brand__mark{ background:none !important; }
}