/* Interpolazione dei colori: il gradiente cambia dolcemente in entrambe le direzioni. */
/* Base: stessi hue del logo, saturazione all'80% e luminosità al 95%. */
@property --aurora-button-green { syntax: "<color>"; inherits: false; initial-value: #13ab41; }
@property --aurora-button-cyan { syntax: "<color>"; inherits: false; initial-value: #13a3ac; }
@property --aurora-button-blue { syntax: "<color>"; inherits: false; initial-value: #1884da; }
@property --aurora-button-end { syntax: "<color>"; inherits: false; initial-value: #1851da; }
@property --aurora-button-mid-stop { syntax: "<percentage>"; inherits: false; initial-value: 42%; }
@property --aurora-button-blue-stop { syntax: "<percentage>"; inherits: false; initial-value: 70%; }
@property --aurora-button-angle { syntax: "<angle>"; inherits: false; initial-value: 105deg; }

body :is(
  a.bg-primary, button.bg-primary, input[type="submit"].bg-primary,
  a.bg-foreground, button.bg-foreground, input[type="submit"].bg-foreground,
  .wb-hero-slide a.bg-card, .wiiipay-account-link,
  .wiiipay-product-card__add, .wp-block-button__link,
  .woocommerce a.button:not(.added_to_cart), .woocommerce button.button,
  .woocommerce input.button, .woocommerce #place_order,
  #wiiipay-dashboard .db-action--primary,
  #wiiipay-dashboard .db-btn--primary, #wiiipay-dashboard .ev-btn--primary,
  #wiiipay-dashboard .mantine-Button-root[data-variant="filled"],
  .db-guide-launcher, .db-guide-panel__start, .db-manual-section__live,
  .db-tour__actions button:last-child
):not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading], [aria-busy="true"], [style*="mantine-color-red"]) {
  --aurora-button-green: #13ab41;
  --aurora-button-cyan: #13a3ac;
  --aurora-button-blue: #1884da;
  --aurora-button-end: #1851da;
  --aurora-button-mid-stop: 42%;
  --aurora-button-blue-stop: 70%;
  --aurora-button-angle: 105deg;
  /* Gli estremi escono dal box: una pillola non mostra fasce piatte ai lati
     quando la retta del gradiente incontra gli angoli arrotondati. */
  background-image: linear-gradient(var(--aurora-button-angle),
    var(--aurora-button-green) -9%,
    var(--aurora-button-cyan) var(--aurora-button-mid-stop),
    var(--aurora-button-blue) var(--aurora-button-blue-stop),
    var(--aurora-button-end) 109%) !important;
  filter: none !important;
  transition: --aurora-button-green 280ms ease, --aurora-button-cyan 280ms ease,
    --aurora-button-blue 280ms ease, --aurora-button-end 280ms ease,
    --aurora-button-mid-stop 280ms ease, --aurora-button-blue-stop 280ms ease,
    --aurora-button-angle 280ms ease, box-shadow 180ms ease, transform 180ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
  body :is(
  a.bg-primary, button.bg-primary, input[type="submit"].bg-primary,
  a.bg-foreground, button.bg-foreground, input[type="submit"].bg-foreground,
  .wb-hero-slide a.bg-card, .wiiipay-account-link,
  .wiiipay-product-card__add, .wp-block-button__link,
  .woocommerce a.button:not(.added_to_cart), .woocommerce button.button,
  .woocommerce input.button, .woocommerce #place_order,
  #wiiipay-dashboard .db-action--primary,
  #wiiipay-dashboard .db-btn--primary, #wiiipay-dashboard .ev-btn--primary,
  #wiiipay-dashboard .mantine-Button-root[data-variant="filled"],
  .db-guide-launcher, .db-guide-panel__start, .db-manual-section__live,
  .db-tour__actions button:last-child
):not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading], [aria-busy="true"], [style*="mantine-color-red"]):hover {
    --aurora-button-green: #00c83c;
    --aurora-button-cyan: #00bdc9;
    --aurora-button-blue: #008eff;
    --aurora-button-end: #004bff;
    --aurora-button-mid-stop: 42%;
    --aurora-button-blue-stop: 70%;
    --aurora-button-angle: 105deg;
    /* Hover comune delle CTA: presenza visiva, ma nessun movimento. */
    box-shadow: 0 0 0 2px rgba(179, 239, 213, .58), 0 8px 18px rgba(3, 75, 68, .2) !important;
    transform: none !important;
  }

  /* Hover fermo: segnala l'interazione con colore, bordo e ombra, senza
     spostare il layout né il puntatore. */
  body :is(.wb-hero-slide, #selezioni) a.bg-card:hover {
    background-image: none !important;
    background-color: #e8faf1 !important;
    box-shadow: 0 0 0 2px rgba(179, 239, 213, .82), 0 8px 18px rgba(3, 75, 68, .2) !important;
  }
  body :is(.wb-hero-slide, #selezioni) a.border:hover {
    background-color: rgba(255, 255, 255, .14) !important;
    border-color: #baf2da !important;
    box-shadow: 0 0 0 2px rgba(186, 242, 218, .2) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body :is(
  a.bg-primary, button.bg-primary, input[type="submit"].bg-primary,
  a.bg-foreground, button.bg-foreground, input[type="submit"].bg-foreground,
  .wb-hero-slide a.bg-card, .wiiipay-account-link,
  .wiiipay-product-card__add, .wp-block-button__link,
  .woocommerce a.button:not(.added_to_cart), .woocommerce button.button,
  .woocommerce input.button, .woocommerce #place_order,
  #wiiipay-dashboard .db-action--primary,
  #wiiipay-dashboard .db-btn--primary, #wiiipay-dashboard .ev-btn--primary,
  #wiiipay-dashboard .mantine-Button-root[data-variant="filled"],
  .db-guide-launcher, .db-guide-panel__start, .db-manual-section__live,
  .db-tour__actions button:last-child
):not(:disabled, [data-disabled], [aria-disabled="true"], [data-loading], [aria-busy="true"], [style*="mantine-color-red"]) { transition: none !important; }
}