/* v240 — footer interaction polish */

/* Payment marks are informational, not interactive: never change on hover/focus. */
footer .payment-method,
footer .payment-method:hover,
footer .payment-method:focus,
footer .payment-method:focus-visible {
  background:#ffffff !important;
  border-color:#dededb !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
  cursor:default !important;
}
footer .payment-visa,
footer .payment-visa:hover,
footer .payment-visa:focus-visible {
  color:#111111 !important;
}
footer .payment-mastercard,
footer .payment-mastercard:hover,
footer .payment-mastercard:focus-visible {
  color:#3f3f3f !important;
}
footer .payment-mastercard .mastercard-circles i:first-child,
footer .payment-mastercard:hover .mastercard-circles i:first-child {
  background:#e17055 !important;
}
footer .payment-mastercard .mastercard-circles i:last-child,
footer .payment-mastercard:hover .mastercard-circles i:last-child {
  background:#f7b731 !important;
}
footer .payment-amex,
footer .payment-amex:hover,
footer .payment-amex:focus-visible {
  color:#4f4f4f !important;
}
footer .payment-bitcoin,
footer .payment-bitcoin:hover,
footer .payment-bitcoin:focus-visible {
  color:#4f4f4f !important;
}
footer .payment-bitcoin .btc-glyph,
footer .payment-bitcoin:hover .btc-glyph {
  color:#cf8a0d !important;
}

/* Get in touch remains a quiet text link; no black pill / colour inversion on hover. */
footer .footer-contact,
footer .footer-contact:hover,
footer .footer-contact:focus,
footer .footer-contact:focus-visible {
  display:inline-block !important;
  width:auto !important;
  background:transparent !important;
  color:#111111 !important;
  border:0 !important;
  border-bottom:1px solid #cfcfcb !important;
  border-radius:0 !important;
  padding:0 0 3px !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
}

/* Slightly smaller footer monogram for a more refined balance. */
footer .footer-secondary-mark {
  min-width:130px !important;
  gap:14px !important;
}
footer .footer-secondary-mark::before,
footer .footer-secondary-mark::after {
  width:24px !important;
}
footer .footer-secondary-mark img {
  width:38px !important;
  height:38px !important;
}

@media (max-width:700px) {
  footer .footer-secondary-mark {
    min-width:128px !important;
    gap:13px !important;
  }
  footer .footer-secondary-mark::before,
  footer .footer-secondary-mark::after {
    width:25px !important;
  }
  footer .footer-secondary-mark img {
    width:36px !important;
    height:36px !important;
  }
}


/* v273 — compact payment logos on one row on mobile */
@media (max-width:700px){
  footer .footer-payments{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
  }
  footer .footer-payment-methods{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex-wrap:nowrap !important;
    width:auto !important;
  }
  footer .payment-method{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:34px !important;
    padding:5px 9px !important;
    border-radius:8px !important;
    font-size:9px !important;
  }
  footer .payment-visa{font-size:14px !important;}
  footer .payment-mastercard .mastercard-circles{
    transform:scale(.78) !important;
    transform-origin:center !important;
  }
  footer .btc-glyph{font-size:14px !important;}
}
