/*
 * AGGA visual theme for the catalog landing page only.
 * The :has(.hero) scope keeps every internal catalog screen unchanged.
 */
.app-shell:has(.hero){color:#091920;background:#f5f7f7}
.app-shell:has(.hero) .topbar,.app-shell:has(.hero) footer{background:#091920;border-color:#1b3540}
.app-shell:has(.hero) .wordmark span{background:#f4772c}
.app-shell:has(.hero) .topbar-meta{color:#aebdc2}
.app-shell:has(.hero) .topbar-stats{color:#91a4aa}
.app-shell:has(.hero) .topbar-stats strong{color:#f4772c}
.app-shell:has(.hero) .topbar-stats i{background:#f4772c}
.app-shell:has(.hero) .hero{border-bottom-color:#f4772c;background-color:#091920;background-image:linear-gradient(90deg,#091920fa 0%,#0d242df5 52%,#16313bb8 100%),repeating-linear-gradient(115deg,#0000 0 86px,#f4772c0a 86px 87px)}
.app-shell:has(.hero) .eyebrow{color:#c4d0d4}
.app-shell:has(.hero) .eyebrow span{background:#f4772c}
.app-shell:has(.hero) .hero>p{color:#b8c7cc}
.app-shell:has(.hero) .hero-search{border-color:#f4772c52}
.app-shell:has(.hero) .hero-search>button,.app-shell:has(.hero) .vin-login button{color:#fff;background:#f4772c}
.app-shell:has(.hero) .hero-search>button:hover,.app-shell:has(.hero) .vin-login button:hover{background:#ff8a45}
.app-shell:has(.hero) .vin-login{background:#102a34;border-color:#f4772c80}
.app-shell:has(.hero) .vin-login label small{color:#aebdc2}
.app-shell:has(.hero) .brand-section{color:#091920}
.app-shell:has(.hero) .section-heading p{color:#63757b}
.app-shell:has(.hero) .step-num{color:#f4772c}
.app-shell:has(.hero) .brand-card{border-color:#dce3e5}
.app-shell:has(.hero) .brand-card:hover{border-color:#f4772c;box-shadow:0 12px 28px #f4772c1a}
.app-shell:has(.hero) .brand-card.wirtgen{--brand:#f4772c}
.app-shell:has(.hero) .brand-count i{color:#d95f1a;background:#fff3ec;border-color:#f4772c}
.app-shell:has(.hero) footer{color:#91a4aa}

/* Header logo: replace the old WG PARTS wordmark with the official SCP AGGA asset. */
.app-shell:has(.hero) .topbar .wordmark{
  width:150px;
  height:30px;
  padding:0;
  border:0;
  flex:0 0 150px;
  background:transparent url('/assets/scp-agga-logo.jpeg') left center/contain no-repeat;
  mix-blend-mode:screen;
}
.app-shell:has(.hero) .topbar .wordmark span,
.app-shell:has(.hero) .topbar .wordmark b{display:none}
@media(max-width:600px){
  .app-shell:has(.hero) .topbar .wordmark{width:118px;height:23px;flex-basis:118px}
}

/* Remove the legacy WG PARTS footer from the standalone catalog. */
.app-shell>footer{display:none!important}

/* Single, functional VIN search row on the landing screen. */
.app-shell:has(.hero) .hero-search{max-width:840px}
.app-shell:has(.hero) .search-field label{color:#5f6d72}
.app-shell:has(.hero) .search-field input:focus-visible{outline:none}
.app-shell:has(.hero) .hero-search:focus-within{border-color:#f4772c}
@media(max-width:780px){
  .app-shell:has(.hero) .hero{padding-bottom:42px}
}