/* Kahilifestyle: vivid lime buttons, scoped to storefront pages. */
:root {
  --kahi-lime: #B8D943;
  --kahi-lime-hover: #A8CA32;
  --kahi-lime-soft: #F0F6D9;
  --kahi-button-ink: #243319;
}
body:not(.admin-body) :is(
  .button.primary, .card-button, .filters button.active,
  .variant-option.active, .floating-offer
):not(:disabled),
#catalogo .card-button:not(:disabled) {
  background: var(--kahi-lime) !important;
  border-color: var(--kahi-lime) !important;
  color: var(--kahi-button-ink) !important;
  box-shadow: none !important;
}
body:not(.admin-body) :is(
  .button.secondary, .filters button:not(.active),
  .variant-option:not(.active), .bag, .menu-toggle,
  .close, .offer-popover-close,
  .quantity button, #qty-minus, #qty-plus
):not(:disabled) {
  background: var(--kahi-lime-soft) !important;
  border-color: #B9CD7B !important;
  color: var(--kahi-button-ink) !important;
}
body:not(.admin-body) :is(
  .button, .card-button, .filters button, .variant-option,
  .bag, .menu-toggle, .floating-offer,
  .quantity button, #qty-minus, #qty-plus
):not(:disabled):hover {
  background: var(--kahi-lime-hover) !important;
  border-color: var(--kahi-lime-hover) !important;
  color: var(--kahi-button-ink) !important;
}
body:not(.admin-body) :is(button, .button, .card-button):focus-visible {
  outline: 3px solid var(--kahi-button-ink);
  outline-offset: 3px;
}
body:not(.admin-body) .menu-toggle span {
  background: var(--kahi-button-ink);
}
body:not(.admin-body) .bag #cart-count {
  background: var(--kahi-button-ink);
  color: #fff;
}
body:not(.admin-body) .floating-offer small {
  color: #405322;
}
body:not(.admin-body) .floating-offer-mark {
  background: #E9F3C6;
  color: var(--kahi-button-ink);
}
body:not(.admin-body) .floating-whatsapp .wa-icon-wrap,
#floating-whatsapp .wa-icon-wrap {
  background: var(--kahi-lime) !important;
  color: var(--kahi-button-ink) !important;
  box-shadow: none !important;
}
body:not(.admin-body) .floating-whatsapp .wa-icon svg {
  fill: currentColor;
}
body:not(.admin-body) :is(.button, .card-button):disabled,
#catalogo .card-button:disabled {
  background: #EFEEE9 !important;
  border-color: #D8D5CE !important;
  color: #666 !important;
}