/* === INFOSTAND V76: catalog CTA dark-navy defaults + outline hover === */

:root{
  --infostand-cta-navy:#06162c;
}

/*
  Sales CTA buttons on the white catalog UI:
  default = filled dark navy;
  hover on devices with a real pointer = white/outline.
  Geometry is intentionally untouched.
*/
.catalog-page .catalog-request,
.catalog-page .product-card__quote{
  background:var(--infostand-cta-navy)!important;
  color:#fff!important;
  border-color:var(--infostand-cta-navy)!important;
}

/* Keep the arrow circle readable inside the filled header CTA. */
.catalog-page .catalog-request__icon{
  background:#fff!important;
  color:var(--infostand-cta-navy)!important;
}

@media (hover:hover) and (pointer:fine){
  .catalog-page .catalog-request:hover,
  .catalog-page .product-card__quote:hover{
    background:#fff!important;
    color:var(--infostand-cta-navy)!important;
    border-color:var(--infostand-cta-navy)!important;
  }

  .catalog-page .product-card__quote:hover{
    transform:translateY(-1px);
  }

  .catalog-page .catalog-request:hover .catalog-request__icon{
    background:var(--infostand-cta-navy)!important;
    color:#fff!important;
  }
}

.catalog-page .catalog-request:focus-visible,
.catalog-page .product-card__quote:focus-visible{
  outline:2px solid rgba(6,22,44,.42);
  outline-offset:3px;
}
/* === INFOSTAND V76 END === */