/* VeraGloss 1.0.340: consistent mobile touch feedback for genuine CTA
   controls. Leave desktop, keyboard focus and WooCommerce loading alone. */
@media(max-width:760px){
  :is(a,button,input[type="submit"],input[type="button"])[data-vg-mobile-cta]{
    -webkit-tap-highlight-color:transparent;
    transition:transform .18s cubic-bezier(.22,.72,.22,1),filter .18s ease,
      background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  }
  :is(a,button,input[type="submit"],input[type="button"])[data-vg-mobile-cta].vg-cta-pressed:not(:disabled):not(.disabled):not(.loading){
    transform:translate3d(0,1px,0) scale(.975)!important;
    filter:brightness(1.06);
  }
  /* WooCommerce product cards: override earlier transform:none/hover rules
     without hiding the .loading spinner or added-to-cart UI. */
  body ul.products li.product.vg-product-card .vg-card-actions > a.button[data-vg-mobile-cta].vg-cta-pressed:not(.loading){
    transform:translate3d(0,1px,0) scale(.975)!important;
    background:#24404C!important;border-color:#24404C!important;
    box-shadow:0 2px 6px rgba(23,45,56,.14)!important;
  }
  /* If Safari leaves :hover latched after navigation, the button's resting
     state remains quiet. Only keyboard focus-visible has a visible outline. */
  html.vg-touch-card-mode body ul.products li.product.vg-product-card
    .vg-card-actions > a.button[data-vg-mobile-cta]:hover:not(.vg-cta-pressed):not(:focus-visible){
    transform:none!important;filter:none!important;
    box-shadow:none!important;background:var(--ink,#172D38)!important;
    border-color:var(--ink,#172D38)!important;
  }
  :is(a,button,input[type="submit"],input[type="button"])[data-vg-mobile-cta]:focus-visible{
    outline:2px solid var(--brand-gold,#B59A67);outline-offset:3px;
  }
  :is(a,button,input[type="submit"],input[type="button"])[data-vg-mobile-cta]:focus:not(:focus-visible){
    outline:none;
  }
  :is(a,button,input[type="submit"],input[type="button"])[data-vg-mobile-cta]:disabled,
  :is(a,button,input[type="submit"],input[type="button"])[data-vg-mobile-cta].loading{
    transform:none!important;filter:none!important;
  }
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  :is(a,button,input[type="submit"],input[type="button"])[data-vg-mobile-cta]{
    transition:none!important;animation:none!important;
  }
  :is(a,button,input[type="submit"],input[type="button"])[data-vg-mobile-cta].vg-cta-pressed{
    transform:none!important;filter:none!important;
  }
}

@media(max-width:760px) and (prefers-reduced-motion:reduce){
  body ul.products li.product.vg-product-card .vg-card-actions > a.button[data-vg-mobile-cta],
  body ul.products li.product.vg-product-card .vg-card-actions > a.button[data-vg-mobile-cta].vg-cta-pressed{
    transform:none!important;filter:none!important;transition:none!important;
  }
}

@media(max-width:760px) and (prefers-reduced-motion:reduce){
  body ul.products li.product.vg-product-card .vg-card-actions > a.button[data-vg-mobile-cta].vg-cta-pressed:not(.loading){
    transform:none!important;filter:none!important;transition:none!important;
  }
}
