/*
 * AutoPartsWAY.com USA theme overlay
 * Purpose: convert the storefront red brand accents to the blue/orange palette
 * without changing application logic or vendor/theme source files.
 */
:root {
  --apw-us-blue: #005aa9;
  --apw-us-blue-dark: #004783;
  --apw-us-blue-soft: #eef6ff;
  --apw-us-blue-border: #b9d7f3;
  --apw-us-orange: #f58220;
  --apw-us-orange-dark: #d86c00;
  --apw-us-orange-soft: #fff4e8;
  --apw-us-darkbar-text: #d6d8dc;
  --apw-us-darkbar-text-hover: #eceff2;
}


/* Blue replaces red brand accents/links. Keep true validation/error styles red elsewhere. */
a,
a:hover,
.filter-categories__list a:hover,
.block-posts-carousel--layout--grid .post-card .post-card__category a,
.block-posts-carousel--layout--grid .post-card .post-card__date a:hover,
.megamenu-links__item-link:hover,
.megamenu-links:not(.megamenu-links--root) .megamenu-links__item-link:hover,
.dropcart__item-name a:hover,
.breadcrumb__item_dot .breadcrumb__item-link span,
.cart-page .apw-breadcrumb .breadcrumb__item--parent .breadcrumb__item-link,
.products-landing-kicker,
.apw-offer-page .apw-offer-breadcrumb a,
.apw-offer-page .apw-benefit strong,
.apw-plus-page .apw-plus-proof__value,
.apw-link,
.apw-legal-link,
.apw-summary-link,
.apw-claim-link,
.apw-garage-link,
.apw-garage-card__name-link,
.apw-mobile-drawer__link:hover,
.apw-mobile-drawer__secondary-link:hover,
.apw-cookie-banner__eyebrow,
#footer-newsletter-modal .apw-newsletter-email {
  color: var(--apw-us-blue) !important;
}

/* Orange buttons and button-like CTAs. */
.btn-primary,
.btn.alt.btn-primary,
.btn-primary.btn-loading,
.btn-primary.btn-loading:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.arrow__button:before,
.button-toggle__input:checked ~ .button-toggle__button,
.product-card__addtocart,
.products-keyword-button,
.products-vehicle-button,
.apw-cookie-banner__btn--primary,
.apw-error-page__search-btn,
.apw-error-page__vehicle-button,
.apw-btn:not(.apw-btn-lite):not(.apw-btn--secondary):not(.apw-btn--ghost),
.apw-btn--primary,
.apw-auth-btn,
.apw-register-btn,
.apw-sub-btn,
.apw-account-btn,
.apw-verify-btn,
.apw-unsub-btn,
.apw-claim-btn,
.apw-garage-btn,
button[class*="apw-"][class*="btn"]:not([class*="link"]):not([class*="lite"]):not([class*="secondary"]):not([class*="ghost"]):not(.remove-btn):not(.apw-pl-img-btn):not(.apw-pl-service-btn),
a[class*="apw-"][class*="btn"]:not([class*="link"]):not([class*="lite"]):not([class*="secondary"]):not([class*="ghost"]):not(.remove-btn):not(.apw-pl-service-btn) {
  background: var(--apw-us-orange) !important;
  background-color: var(--apw-us-orange) !important;
  border-color: var(--apw-us-orange) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn.alt.btn-primary:hover,
.product-card__addtocart:hover,
.products-keyword-button:hover,
.products-vehicle-button:hover,
.apw-cookie-banner__btn--primary:hover,
.apw-error-page__search-btn:hover,
.apw-error-page__vehicle-button:hover,
.apw-btn:not(.apw-btn-lite):not(.apw-btn--secondary):not(.apw-btn--ghost):hover,
.apw-btn--primary:hover,
.apw-auth-btn:hover,
.apw-register-btn:hover,
.apw-sub-btn:hover,
.apw-account-btn:hover,
.apw-verify-btn:hover,
.apw-unsub-btn:hover,
.apw-claim-btn:hover,
.apw-garage-btn:hover,
button[class*="apw-"][class*="btn"]:not([class*="link"]):not([class*="lite"]):not([class*="secondary"]):not([class*="ghost"]):not(.remove-btn):not(.apw-pl-img-btn):not(.apw-pl-service-btn):hover,
a[class*="apw-"][class*="btn"]:not([class*="link"]):not([class*="lite"]):not([class*="secondary"]):not([class*="ghost"]):not(.remove-btn):not(.apw-pl-service-btn):hover {
  background: var(--apw-us-orange-dark) !important;
  background-color: var(--apw-us-orange-dark) !important;
  border-color: var(--apw-us-orange-dark) !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Major navigation/header accents should be blue, not red. */
.header__navbar,
.departments__button:hover,
.departments--open .departments__button,
.make-page .card-header,
div.card-header[style*="#e52727"],
.apw-plus-banner,
.apw-offer-page .apw-side-highlight,
.apw-mobile-vehicle-banner {
  background: var(--apw-us-blue) !important;
  background-color: var(--apw-us-blue) !important;
  border-color: var(--apw-us-blue) !important;
  color: #fff !important;
}

.indicator__counter:before,
.dropcart__item-quantity:before,
.dropcart__item-quantity:after,
.mobile-indicator__counter:before,
.mobile-menu__indicator-counter:before,
.mobile-menu__links > li > a.highlight:before,
.mobile-menu__links > li > button.highlight:before,
.apw-inline-badge,
.apw-unsub-kicker,
.apw-verify-kicker,
.apw-auth-kicker,
.apw-claim-kicker,
.apw-sub-kicker,
.apw-register-kicker,
.apw-prof-kicker,
.apw-acct-kicker,
.apw-garage-kicker,
.apw-account-kicker,
.apw-od-kicker,
.apw-ret-kicker,
.apw-rtn-kicker,
.apw-ride-kicker,
.apw-orders-kicker,
.apw-error-page__badge,
#footer-newsletter-modal .apw-newsletter-modal__eyebrow {
  background: var(--apw-us-blue) !important;
  background-color: var(--apw-us-blue) !important;
  color: #fff !important;
}

.logo__part-primary,
.mobile-header__logo-part-one {
  fill: var(--apw-us-blue) !important;
}

.phone__title {
  color: #d8ebff !important;
}

.mobile-search__button--search:hover {
  color: var(--apw-us-blue) !important;
}

/* USA blue focus states and hero washes for account/profile/static forms. */
.apw-input:focus,
.apw-select:focus,
.apw-auth-input:focus,
.apw-register-input:focus,
.apw-sub-input:focus,
.checkout-page .field input:focus,
.checkout-page .field select:focus {
  border-color: var(--apw-us-blue) !important;
  box-shadow: 0 0 0 3px rgba(0, 90, 169, .12) !important;
  outline: none !important;
}

.apw-account-hero,
.apw-auth-hero,
.apw-register-hero,
.apw-sub-hero,
.apw-prof-hero,
.apw-unsub-hero,
.apw-verify-hero,
.apw-claim-hero,
.apw-garage-hero,
.apw-od-hero,
.apw-ret-hero,
.apw-rtn-hero,
.apw-ride-hero,
.apw-orders-hero,
.apw-plus-page .apw-plus-callout {
  background: linear-gradient(135deg, var(--apw-us-blue-soft) 0%, #ffffff 58%, #f8fafc 100%) !important;
}

.apw-tile:hover,
.apw-garage-card:hover,
.apw-plus-page .apw-plus-callout,
.apw-offer-page .apw-side-highlight {
  border-color: var(--apw-us-blue-border) !important;
}

.apw-plus-badge {
  background: #fff !important;
  color: var(--apw-us-blue) !important;
}

.account-menu__links li a:hover {
  background: var(--apw-us-blue-soft) !important;
  color: var(--apw-us-blue) !important;
}

#apw-page-loader {
  background: linear-gradient(90deg, var(--apw-us-orange) 0%, #ff9d3d 45%, var(--apw-us-blue) 100%) !important;
  box-shadow: 0 0 8px rgba(0, 90, 169, .35) !important;
}

.cart-page .cart-loader__spinner,
.apw-offer-page .apw-offer-submit-loader__spinner {
  border-top-color: var(--apw-us-orange) !important;
}

/* Header/footer readability fixes for the USA theme.
   Keep the broad blue link override away from dark navigation/footer bands. */
.site__header .header__navbar,
.site__header .header__navbar .header__navbar-menu,
.site__header .header__navbar .header__navbar-departments,
.site__header .header__navbar .topbar__menu.help-center {
  background: var(--apw-us-blue) !important;
  background-color: var(--apw-us-blue) !important;
  color: var(--apw-us-darkbar-text) !important;
}

.site__header .header__navbar .main-menu__link,
.site__header .header__navbar .main-menu__link:visited,
.site__header .header__navbar .main-menu__link:hover,
.site__header .header__navbar .main-menu__link:focus,
.site__header .header__navbar .departments__button,
.site__header .header__navbar .departments__button-icon,
.site__header .header__navbar .departments__button-title,
.site__header .header__navbar .departments__button-arrow,
.site__header .header__navbar .topbar__button,
.site__header .header__navbar .topbar__button-label,
.site__header .header__navbar .topbar__button-arrow,
.site__header .header__navbar .topbar__button svg,
.site__header .header__navbar .main-menu__link svg {
  color: var(--apw-us-darkbar-text) !important;
  fill: currentColor !important;
}

.site__header .header__navbar .main-menu__item:hover > .main-menu__link,
.site__header .header__navbar .main-menu__item--hover > .main-menu__link,
.site__header .header__navbar .topbar__button:hover,
.site__header .header__navbar .topbar__menu--open .topbar__button {
  color: var(--apw-us-darkbar-text-hover) !important;
  background: var(--apw-us-blue-dark) !important;
  background-color: var(--apw-us-blue-dark) !important;
}

.site__header .header__topbar-classic-bg,
.site__header .header__topbar-classic,
.site__header .topbar--classic {
  background: #333 !important;
  background-color: #333 !important;
  color: var(--apw-us-darkbar-text) !important;
}

.site__header .topbar--classic .topbar__link,
.site__header .topbar--classic .topbar__link:visited,
.site__header .topbar--classic .topbar__link:hover,
.site__header .topbar--classic .topbar__button,
.site__header .topbar--classic .topbar__button-label,
.site__header .topbar--classic .topbar__button-arrow,
.site__header .topbar--classic .topbar__button svg {
  color: var(--apw-us-darkbar-text) !important;
  fill: currentColor !important;
}

.site__header .topbar--classic .topbar__button:hover,
.site__header .topbar--classic .topbar__menu--open .topbar__button {
  color: var(--apw-us-darkbar-text-hover) !important;
  background: rgba(255,255,255,.08) !important;
}

.site__footer,
.site__footer .site-footer,
.site__footer .site-footer__widgets,
.site__footer .site-footer__bottom,
.site__footer .footer-links__title,
.site__footer .footer-newsletter__title,
.site__footer .footer-contacts__title,
.site__footer .footer-newsletter__text,
.site__footer .site-footer__copyright {
  color: var(--apw-us-darkbar-text) !important;
}

.site__footer a,
.site__footer a:visited,
.site__footer .footer-links__link,
.site__footer .footer-links__link:visited,
.site__footer .site-footer__copyright a,
.site__footer .site-footer__copyright a:visited {
  color: var(--apw-us-darkbar-text) !important;
}

.site__footer a:hover,
.site__footer .footer-links__link:hover,
.site__footer .site-footer__copyright a:hover {
  color: var(--apw-us-darkbar-text-hover) !important;
  text-decoration: underline !important;
}

/* Product image buttons are image viewers, not CTAs.
   Keep product thumbnails on a clean white/transparent background. */
.apw-pl-card-img,
.apw-pd-image,
.apw-pd-gallery,
.apw-pd-gallery__stage {
  background: #fff !important;
  background-color: #fff !important;
}

.apw-pl-card-img .apw-pl-img-btn,
.apw-pl-card-img .apw-pl-img-btn:hover,
.apw-pl-card-img .apw-pl-img-btn:focus,
.apw-pl-card-img .apw-pl-img-btn:active {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}



/* Product list cleanups: do not treat image-viewer buttons as orange CTAs. */
.apw-pl-card-img,
.apw-pl-card-img *:not(.tag-badge):not(.apw-pl-stock-badge) {
  background-color: #fff !important;
}

.apw-pl-card-img button.apw-pl-img-btn,
.apw-pl-card-img button[class*="apw-"][class*="btn"].apw-pl-img-btn,
.apw-pl-card-img .apw-pl-img-btn,
.apw-pl-card-img .apw-pl-img-btn:hover,
.apw-pl-card-img .apw-pl-img-btn:focus,
.apw-pl-card-img .apw-pl-img-btn:active {
  background: #fff !important;
  background-color: #fff !important;
  border-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

.apw-pl-card-img .apw-pl-img-multi {
  background: rgba(255,255,255,.88) !important;
}

/* Product list service icons are informational, not add-to-cart CTAs. */
.apw-pl-service-icons .apw-pl-service-btn,
a.apw-pl-service-btn,
button.apw-pl-service-btn,
a[class*="apw-"][class*="btn"].apw-pl-service-btn,
button[class*="apw-"][class*="btn"].apw-pl-service-btn {
  background: var(--apw-us-blue) !important;
  background-color: var(--apw-us-blue) !important;
  border-color: var(--apw-us-blue) !important;
  color: #fff !important;
  fill: currentColor !important;
}

.apw-pl-service-icons .apw-pl-service-btn:hover,
.apw-pl-service-icons .apw-pl-service-btn:focus,
a.apw-pl-service-btn:hover,
a.apw-pl-service-btn:focus,
button.apw-pl-service-btn:hover,
button.apw-pl-service-btn:focus {
  background: var(--apw-us-blue-dark) !important;
  background-color: var(--apw-us-blue-dark) !important;
  border-color: var(--apw-us-blue-dark) !important;
  color: #fff !important;
  box-shadow: 0 2px 10px rgba(0,90,169,.18) !important;
}

.apw-pl-service-btn svg,
.apw-pl-service-btn svg * {
  color: #fff !important;
  stroke: currentColor !important;
}

/* Homepage hero shop-by links sit on a dark image; keep them readable.
   The broad USA blue link rule should not apply inside this hero block. */
.head-shop-by-links-container,
.head-shop-by-links-container .head-shop-by-links,
.head-shop-by-links-container .head-shop-by-links-item,
.head-shop-by-links-container .head-shop-by-links-item .link,
.head-shop-by-links-container .head-shop-by-links-item .link:visited,
.head-shop-by-links-container .head-shop-by-links-item .count {
  color: #f2f3f5 !important;
}

.head-shop-by-links-container .head-shop-by-links-item .link:hover,
.head-shop-by-links-container .head-shop-by-links-item .link:focus {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* 2026-06-09: Match Canada dark-band muted text colors.
   Keep the USA blue/orange accents, but make the black top bar and footer
   non-link/body text use the same muted gray used on the Canadian site. */
:root {
  --apw-ca-dark-band: #333;
  --apw-ca-dark-band-bottom: #2b2b2b;
  --apw-ca-muted-text: #9e9e9e;
  --apw-ca-topbar-link: #999;
}

/* Black top utility bar: reduce white text to the Canadian muted gray. */
.site__header .header__topbar-classic-bg,
.site__header .header__topbar-classic,
.site__header .topbar--classic {
  background: var(--apw-ca-dark-band) !important;
  background-color: var(--apw-ca-dark-band) !important;
  color: var(--apw-ca-muted-text) !important;
}

.site__header .topbar--classic .topbar__item-text,
.site__header .topbar--classic .topbar__link,
.site__header .topbar--classic .topbar__link:visited,
.site__header .topbar--classic .topbar__button,
.site__header .topbar--classic .topbar__button-label,
.site__header .topbar--classic .topbar__button-title,
.site__header .topbar--classic .topbar__button-arrow,
.site__header .topbar--classic .topbar__button svg {
  color: var(--apw-ca-topbar-link) !important;
  fill: currentColor !important;
}

.site__header .topbar--classic .topbar__link:hover,
.site__header .topbar--classic .topbar__link:focus,
.site__header .topbar--classic .topbar__button:hover,
.site__header .topbar--classic .topbar__button:focus,
.site__header .topbar--classic .topbar__menu--open .topbar__button,
.site__header .topbar--classic .topbar__menu--open .topbar__button-label,
.site__header .topbar--classic .topbar__button:hover .topbar__button-label,
.site__header .topbar--classic .topbar__button:hover .topbar__button-title,
.site__header .topbar--classic .topbar__button:hover .topbar__button-arrow,
.site__header .topbar--classic .topbar__button:hover svg {
  color: #fff !important;
  fill: currentColor !important;
}

/* Do not mute topbar dropdown body text; those menus are light backgrounds on Canada. */
.site__header .topbar--classic .topbar__menu-body,
.site__header .topbar--classic .topbar__menu-body .topbar__menu-item,
.site__header .topbar--classic .topbar__menu-body .topbar__menu-item:visited {
  color: #262626 !important;
}

.site__header .topbar--classic .topbar__menu-body .topbar__menu-item:hover,
.site__header .topbar--classic .topbar__menu-body .topbar__menu-item:focus {
  color: #262626 !important;
  background: #f2f2f2 !important;
}

/* Footer: match Canadian normal/non-link text color. */
.site__footer,
.site__footer .site-footer,
.site__footer .site-footer__widgets,
.site__footer .site-footer__bottom,
.site__footer .footer-contacts__text,
.site__footer .footer-contacts__contacts,
.site__footer .footer-newsletter__text,
.site__footer .footer-newsletter__text--social,
.site__footer .site-footer__copyright,
.site__footer .site-footer__bottom-row,
.site__footer .footer-links__item {
  color: var(--apw-ca-muted-text) !important;
}

.site__footer,
.site__footer .site-footer,
.site__footer .site-footer__widgets {
  background: var(--apw-ca-dark-band) !important;
  background-color: var(--apw-ca-dark-band) !important;
}

.site__footer .site-footer__bottom {
  background: var(--apw-ca-dark-band-bottom) !important;
  background-color: var(--apw-ca-dark-band-bottom) !important;
}

/* Canada keeps footer section titles white, while body copy remains muted. */
.site__footer .footer-links__title,
.site__footer .footer-newsletter__title,
.site__footer .footer-contacts__title,
.site__footer .footer-contacts__contacts dd {
  color: #fff !important;
}

/* Footer link behavior matching Canada: normal list/contact links inherit muted gray, hover white. */
.site__footer .footer-links__list a,
.site__footer .footer-links__list a:visited,
.site__footer .footer-contacts__text a,
.site__footer .footer-contacts__text a:visited,
.site__footer .footer-contacts__contacts a,
.site__footer .footer-contacts__contacts a:visited {
  color: inherit !important;
}

.site__footer .site-footer__bottom a,
.site__footer .site-footer__bottom a:visited {
  color: #fff !important;
}

.site__footer a:hover,
.site__footer .footer-links__list a:hover,
.site__footer .footer-contacts__text a:hover,
.site__footer .footer-contacts__contacts a:hover,
.site__footer .site-footer__bottom a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

/* 2026-06-09: Product list pagination + product details tabs color cleanup.
   The broad CTA selector was catching .apw-pd-tab-btn because it contains "btn",
   which made all detail tabs look like orange buttons. Keep tabs as tabs.
   Also replace old red pagination active state with the USA blue/orange scheme. */
.apw-pl-pagination {
  margin-top: 18px !important;
  text-align: center !important;
}

.apw-pl-pagination .pagination {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}

.apw-pl-pagination .page-item {
  margin: 0 !important;
}

.apw-pl-pagination .page-link,
.apw-pl-pagination .page-link:visited {
  min-width: 34px !important;
  height: 34px !important;
  padding: 7px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 6px !important;
  background: #f6f8fb !important;
  background-color: #f6f8fb !important;
  color: var(--apw-us-blue) !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.apw-pl-pagination .page-link:hover,
.apw-pl-pagination .page-link:focus {
  background: var(--apw-us-blue-soft) !important;
  background-color: var(--apw-us-blue-soft) !important;
  border-color: var(--apw-us-blue-border) !important;
  color: var(--apw-us-blue-dark) !important;
  box-shadow: 0 2px 8px rgba(0,90,169,.10) !important;
  text-decoration: none !important;
}

.apw-pl-pagination .page-item.active .page-link,
.apw-pl-pagination .page-item.active .page-link:hover,
.apw-pl-pagination .page-item.active .page-link:focus,
.apw-pl-pagination .page-link.active,
.apw-pl-pagination .page-link.active:hover,
.apw-pl-pagination .page-link.active:focus {
  background: var(--apw-us-orange) !important;
  background-color: var(--apw-us-orange) !important;
  border-color: var(--apw-us-orange) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.apw-pl-pagination .page-item.disabled .page-link,
.apw-pl-pagination .page-item.disabled .page-link:hover,
.apw-pl-pagination .page-item.disabled .page-link:focus {
  background: #f1f3f5 !important;
  background-color: #f1f3f5 !important;
  border-color: #eef1f4 !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
  cursor: default !important;
}

.apw-pd-tabs .apw-pd-tab-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 22px !important;
  align-items: flex-end !important;
  border-bottom: 1px solid #dfe5ed !important;
  margin-bottom: 18px !important;
  padding: 0 2px !important;
}

.apw-pd-tabs .apw-pd-tab-btn,
.apw-pd-tabs button.apw-pd-tab-btn,
.apw-pd-tabs button[class*="apw-"][class*="btn"].apw-pd-tab-btn,
.apw-pd-tabs .apw-pd-tab-btn:hover,
.apw-pd-tabs .apw-pd-tab-btn:focus,
.apw-pd-tabs .apw-pd-tab-btn:active {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 0 0 12px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #445065 !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.apw-pd-tabs .apw-pd-tab-btn:hover,
.apw-pd-tabs .apw-pd-tab-btn:focus {
  color: var(--apw-us-blue) !important;
  border-bottom-color: var(--apw-us-blue-border) !important;
  outline: none !important;
}

.apw-pd-tabs .apw-pd-tab-btn.is-active,
.apw-pd-tabs .apw-pd-tab-btn.is-active:hover,
.apw-pd-tabs .apw-pd-tab-btn.is-active:focus {
  color: var(--apw-us-blue) !important;
  border-bottom-color: var(--apw-us-orange) !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.apw-pd-tabs .apw-pd-tab-pane {
  color: #2f3640 !important;
}

/* 2026-06-09 tabsfix2: aggressive override for APW USA pagination + product tabs. */
nav.apw-pl-pagination ul.pagination,
.apw-pl-main nav.apw-pl-pagination ul.pagination,
.container nav.apw-pl-pagination ul.pagination {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}
nav.apw-pl-pagination .pagination .page-item,
.apw-pl-main nav.apw-pl-pagination .pagination .page-item { margin: 0 !important; }
nav.apw-pl-pagination .pagination .page-link,
nav.apw-pl-pagination .pagination .page-link:visited,
.apw-pl-main nav.apw-pl-pagination .pagination .page-link,
.container nav.apw-pl-pagination .pagination .page-link {
  min-width: 34px !important;
  height: 34px !important;
  padding: 7px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 6px !important;
  background: #f6f8fb !important;
  background-color: #f6f8fb !important;
  color: #005aa9 !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
nav.apw-pl-pagination .pagination .page-link:hover,
nav.apw-pl-pagination .pagination .page-link:focus,
.apw-pl-main nav.apw-pl-pagination .pagination .page-link:hover,
.apw-pl-main nav.apw-pl-pagination .pagination .page-link:focus {
  background: #eef6ff !important;
  background-color: #eef6ff !important;
  border-color: #9cc9ee !important;
  color: #004783 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0,90,169,.10) !important;
}
nav.apw-pl-pagination .pagination .page-item.active .page-link,
nav.apw-pl-pagination .pagination .page-item.active .page-link:hover,
nav.apw-pl-pagination .pagination .page-item.active .page-link:focus,
nav.apw-pl-pagination .pagination .page-link.active,
.apw-pl-main nav.apw-pl-pagination .pagination .page-item.active .page-link,
.container nav.apw-pl-pagination .pagination .page-item.active .page-link {
  background: #f58220 !important;
  background-color: #f58220 !important;
  border-color: #f58220 !important;
  color: #fff !important;
  box-shadow: none !important;
}
nav.apw-pl-pagination .pagination .page-item.disabled .page-link,
nav.apw-pl-pagination .pagination .page-item.disabled span.page-link,
nav.apw-pl-pagination .pagination .page-item.disabled .page-link:hover,
.apw-pl-main nav.apw-pl-pagination .pagination .page-item.disabled .page-link {
  background: #f1f3f5 !important;
  background-color: #f1f3f5 !important;
  border-color: #eef1f4 !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
  cursor: default !important;
}
.apw-pd-tabs .apw-pd-tab-buttons,
.product-details .apw-pd-tabs .apw-pd-tab-buttons,
.product .apw-pd-tabs .apw-pd-tab-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 22px !important;
  align-items: flex-end !important;
  border-bottom: 1px solid #dfe5ed !important;
  margin-bottom: 18px !important;
  padding: 0 2px !important;
}
.apw-pd-tabs button.apw-pd-tab-btn,
.apw-pd-tabs .apw-pd-tab-btn,
.apw-pd-tabs .apw-pd-tab-buttons > .apw-pd-tab-btn,
button.apw-pd-tab-btn,
button[class].apw-pd-tab-btn {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 0 12px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #445065 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.apw-pd-tabs button.apw-pd-tab-btn:hover,
.apw-pd-tabs button.apw-pd-tab-btn:focus,
button.apw-pd-tab-btn:hover,
button.apw-pd-tab-btn:focus {
  color: #005aa9 !important;
  border-bottom-color: #9cc9ee !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.apw-pd-tabs button.apw-pd-tab-btn.is-active,
.apw-pd-tabs .apw-pd-tab-btn.is-active,
button.apw-pd-tab-btn.is-active,
.apw-pd-tabs button.apw-pd-tab-btn.is-active:hover,
.apw-pd-tabs button.apw-pd-tab-btn.is-active:focus {
  color: #005aa9 !important;
  border-bottom-color: #f58220 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2026-06-09 tabsfix3: product details tabs are link-style tabs, not CTA buttons. */
.apw-pd-tabs .apw-pd-tab-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 22px !important;
  align-items: flex-end !important;
  border-bottom: 1px solid #dfe5ed !important;
  margin-bottom: 18px !important;
  padding: 0 2px !important;
}
.apw-pd-tabs .apw-pd-tab-link,
.apw-pd-tabs .apw-pd-tab-link:visited {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 0 12px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #445065 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.apw-pd-tabs .apw-pd-tab-link:hover,
.apw-pd-tabs .apw-pd-tab-link:focus {
  color: #005aa9 !important;
  border-bottom-color: #9cc9ee !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
}
.apw-pd-tabs .apw-pd-tab-link.is-active,
.apw-pd-tabs .apw-pd-tab-link.is-active:hover,
.apw-pd-tabs .apw-pd-tab-link.is-active:focus {
  color: #005aa9 !important;
  border-bottom-color: #f58220 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}


/* 2026-06-09 out-of-stock notify button fix: remove danger/red CTA styling on product details. */
.apw-pd-actions--waitlist {
  display: block !important;
}
.apw-outstock-notify-btn,
.apw-outstock-notify-btn:visited,
.apw-pd-price-block .apw-outstock-notify-btn,
.apw-pd-actions .apw-outstock-notify-btn {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 11px 20px !important;
  border: 1px solid #005aa9 !important;
  border-radius: 6px !important;
  background: #005aa9 !important;
  background-color: #005aa9 !important;
  background-image: none !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: pointer !important;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}
.apw-outstock-notify-btn:hover,
.apw-outstock-notify-btn:focus,
.apw-pd-price-block .apw-outstock-notify-btn:hover,
.apw-pd-price-block .apw-outstock-notify-btn:focus {
  background: #004a8d !important;
  background-color: #004a8d !important;
  border-color: #004a8d !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 3px 10px rgba(0,90,169,.18) !important;
  outline: none !important;
}
.apw-outstock-notify-btn:active {
  background: #003d75 !important;
  background-color: #003d75 !important;
  border-color: #003d75 !important;
}
#apwWaitlistModal .btn-danger,
#apwWaitlistModal .btn-primary,
#apwWaitlistModal button[type=submit],
#apwWaitlistModal input[type=submit] {
  background: #005aa9 !important;
  background-color: #005aa9 !important;
  background-image: none !important;
  border-color: #005aa9 !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
#apwWaitlistModal .btn-danger:hover,
#apwWaitlistModal .btn-primary:hover,
#apwWaitlistModal button[type=submit]:hover,
#apwWaitlistModal input[type=submit]:hover,
#apwWaitlistModal .btn-danger:focus,
#apwWaitlistModal .btn-primary:focus,
#apwWaitlistModal button[type=submit]:focus,
#apwWaitlistModal input[type=submit]:focus {
  background: #004a8d !important;
  background-color: #004a8d !important;
  border-color: #004a8d !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(0,90,169,.18) !important;
}


/* APW US header vehicle pill soft style fix 20260611
   Make the selected-vehicle control less visually aggressive than the primary orange CTAs. */
.apw-header-vehicle-button,
.header .apw-header-vehicle-button,
.site-header .apw-header-vehicle-button,
.header__body .apw-header-vehicle-button,
.header__search .apw-header-vehicle-button,
button.apw-header-vehicle-button,
a.apw-header-vehicle-button {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;
  gap: 9px !important;
  border-radius: 8px !important;
  border: 1px solid #d7dde5 !important;
  background: #f7f9fc !important;
  background-color: #f7f9fc !important;
  box-shadow: none !important;
  color: #24364b !important;
  font-weight: 600 !important;
}

.apw-header-vehicle-button:hover,
.header .apw-header-vehicle-button:hover,
.site-header .apw-header-vehicle-button:hover,
.header__body .apw-header-vehicle-button:hover,
.header__search .apw-header-vehicle-button:hover,
button.apw-header-vehicle-button:hover,
a.apw-header-vehicle-button:hover {
  background: #eef3f8 !important;
  background-color: #eef3f8 !important;
  border-color: #b8c6d6 !important;
  color: #005aa9 !important;
  text-decoration: none !important;
}

.apw-header-vehicle-button__icon,
.apw-header-vehicle-button__chevron,
.apw-header-vehicle-button:hover .apw-header-vehicle-button__icon,
.apw-header-vehicle-button:hover .apw-header-vehicle-button__chevron {
  color: #005aa9 !important;
  fill: currentColor !important;
}

.apw-header-vehicle-button__label {
  max-width: 185px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  color: inherit !important;
}

@media (max-width: 1199px) {
  .apw-header-vehicle-button__label { max-width: 150px !important; }
}