/* Colour-only feedback leaves wheel transforms and control dimensions intact. */
.events-banner .button,.event-copy>.button,.property .button,#enquiry-form>.button{
  background:var(--brand-orange);color:#fff;
  transition:background-color .16s ease,color .16s ease;
}
.category-icon{background:var(--brand-orange);box-shadow:4px 6px 0 var(--brand-yellow);transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
.category:hover .category-icon{filter:none}
.site-footer nav[aria-label="Footer quick links"]>a{transition:color .16s ease}
#enquiry-form>.button:disabled:hover{background:var(--brand-orange);color:#fff}
.location-map .map-directions{background:#fff;color:var(--brand-orange);transition:background-color .16s ease,color .16s ease}
.location-map .map-directions:focus-visible,.location-map .map-directions:active{background:var(--brand-orange);color:#fff}

.category:focus-visible,.category:active{color:var(--brand-orange)}
.category:focus-visible .category-icon,.category:active .category-icon{background:#fff;color:var(--brand-orange)}
.category-shop:focus-visible .category-icon,.category-shop:active .category-icon{box-shadow:4px 6px 0 var(--brand-orange)}
.events-banner .button:focus-visible,.events-banner .button:active,#enquiry-form>.button:focus-visible:not(:disabled),#enquiry-form>.button:active:not(:disabled){background:#fff;color:var(--brand-orange)}
.event-copy>.button:focus-visible,.event-copy>.button:active,.property .button:focus-visible,.property .button:active{background:var(--brand-yellow);color:var(--brand-orange)}
.site-footer nav[aria-label="Footer quick links"]>a:focus-visible,.site-footer nav[aria-label="Footer quick links"]>a:active{color:var(--brand-yellow)}
.category:active .category-icon,.events-banner .button:active,.event-copy>.button:active,.property .button:active,#enquiry-form>.button:active:not(:disabled),.location-map .map-directions:active,.site-footer nav[aria-label="Footer quick links"]>a:active{transition:none}

@media(hover:none){
  .events-banner .button:hover:not(:active):not(:focus-visible),.event-copy>.button:hover:not(:active):not(:focus-visible),.property .button:hover:not(:active):not(:focus-visible),#enquiry-form>.button:hover:not(:active):not(:focus-visible){background:var(--brand-orange);color:#fff}
}

@media(hover:hover) and (pointer:fine){
  .category:hover{color:var(--brand-orange)}
  .category:hover .category-icon{background:#fff;color:var(--brand-orange)}
  .category-shop:hover .category-icon{box-shadow:4px 6px 0 var(--brand-orange)}
  .events-banner .button:hover,#enquiry-form>.button:hover:not(:disabled){background:#fff;color:var(--brand-orange)}
  .event-copy>.button:hover,.property .button:hover{background:var(--brand-yellow);color:var(--brand-orange)}
  .site-footer nav[aria-label="Footer quick links"]>a:hover{color:var(--brand-yellow)}
  .location-map .map-directions:hover{background:var(--brand-orange);color:#fff}
}
@media(max-width:600px){
  .category-icon{box-shadow:3px 4px 0 var(--brand-yellow)}
  .category-shop:focus-visible .category-icon,.category-shop:active .category-icon{box-shadow:3px 4px 0 var(--brand-orange)}
}
@media(max-width:600px) and (hover:hover) and (pointer:fine){
  .category-shop:hover .category-icon{box-shadow:3px 4px 0 var(--brand-orange)}
}