.elementor-kit-6{--e-global-color-primary:#0144A2;--e-global-color-secondary:#C20614;--e-global-color-text:#0144A2;--e-global-color-accent:#FCDD4C;--e-global-color-6aeabfe:#FFFFFF;--e-global-color-00ce7e8:#E8E9EA;--e-global-color-317c480:#1F8A5F;--e-global-color-eceb952:#DAE8F9;--e-global-color-20d1ba6:#DAE8F9;--e-global-typography-primary-font-family:"Boogaloo";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Mulish";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Mulish";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Mulish";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================
   SUPER MAURO RICAMBI - Sistema bottoni "toon"
   Compatibile sia con link HTML diretti (class="red_btn_toon")
   sia con widget Button di Elementor (Classi CSS = red_btn_toon)
   ============================================ */

/* ---------- RED_BTN_TOON ("Acquista ora") ---------- */

.elementor a.red_btn_toon,
.elementor .red_btn_toon .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 58px;
  padding: 0 31px;
  border: 0;
  border-radius: 20px;
  font: 24px "Boogaloo", "Arial Rounded MT Bold", sans-serif;
  text-decoration: none;
  color: #fff;
  background: #c20512;
  cursor: pointer;
  box-shadow: 0 9px 0 #92030c;
  --press-depth: 9px;
  will-change: transform;
  transition: transform .12s cubic-bezier(.2,.8,.2,1), box-shadow .12s cubic-bezier(.2,.8,.2,1);
}

.elementor a.red_btn_toon svg,
.elementor .red_btn_toon .elementor-button svg {
  width: 23px;
}

.elementor a.red_btn_toon:hover,
.elementor a.red_btn_toon:active,
.elementor .red_btn_toon .elementor-button:hover,
.elementor .red_btn_toon .elementor-button:active {
  transform: translateY(var(--press-depth));
  box-shadow: 0 0 #0000 !important;
}

.elementor a.red_btn_toon:hover,
.elementor .red_btn_toon .elementor-button:hover {
  animation: .36s cubic-bezier(.2,.9,.25,1) both red_btn_toon_squish;
  box-shadow: 0 calc(var(--press-depth) * .25) 0 rgba(0,0,0,.28) !important;
}

.elementor a.red_btn_toon:active,
.elementor .red_btn_toon .elementor-button:active {
  transform: translateY(var(--press-depth)) scaleX(1.13) scaleY(.82);
  animation: none;
}

.elementor a.red_btn_toon:focus-visible,
.elementor .red_btn_toon .elementor-button:focus-visible {
  outline: 3px solid #fbdd4e;
  outline-offset: 4px;
}

@keyframes red_btn_toon_squish {
  0%   { transform: translateY(0) scaleX(1) scaleY(1); }
  55%  { transform: translateY(calc(var(--press-depth) * .7)) scaleX(1.11) scaleY(.86); }
  100% { transform: translateY(calc(var(--press-depth) * .55)) scaleX(1.06) scaleY(.92); }
}

/* ---------- WA_BTN_TOON ("Chiedi su WhatsApp") ---------- */

.elementor a.wa_btn_toon,
.elementor .wa_btn_toon .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 58px;
  padding: 0 31px;
  border: 0;
  border-radius: 20px;
  font: 24px "Boogaloo", "Arial Rounded MT Bold", sans-serif;
  text-decoration: none;
  color: #fff !important;
  background: #1e8a5f;
  cursor: pointer;
  box-shadow: 0 9px 0 #116c48;
  --press-depth: 9px;
  will-change: transform;
  transition: transform .12s cubic-bezier(.2,.8,.2,1), box-shadow .12s cubic-bezier(.2,.8,.2,1);
}

.elementor a.wa_btn_toon:before,
.elementor .wa_btn_toon .elementor-button:before {
  content: "";
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background: #fff;
  -webkit-mask: url("/wp-content/uploads/2026/08/whatsapp-white.svg") 50%/contain no-repeat;
  mask: url("/wp-content/uploads/2026/08/whatsapp-white.svg") 50%/contain no-repeat;
}

.elementor a.wa_btn_toon:hover,
.elementor a.wa_btn_toon:active,
.elementor .wa_btn_toon .elementor-button:hover,
.elementor .wa_btn_toon .elementor-button:active {
  transform: translateY(var(--press-depth));
}

.elementor a.wa_btn_toon:hover,
.elementor .wa_btn_toon .elementor-button:hover {
  animation: .36s cubic-bezier(.2,.9,.25,1) both wa_btn_toon_squish;
  box-shadow: 0 3px 0 #116c48 !important;
}

.elementor a.wa_btn_toon:active,
.elementor .wa_btn_toon .elementor-button:active {
  transform: translateY(var(--press-depth)) scaleX(1.13) scaleY(.82);
  animation: none;
  box-shadow: 0 0 #0000 !important;
}

.elementor a.wa_btn_toon:focus-visible,
.elementor .wa_btn_toon .elementor-button:focus-visible {
  outline: 3px solid #fbdd4e;
  outline-offset: 4px;
}

@keyframes wa_btn_toon_squish {
  0%   { transform: translateY(0) scaleX(1) scaleY(1); }
  55%  { transform: translateY(calc(var(--press-depth) * .7)) scaleX(1.11) scaleY(.86); }
  100% { transform: translateY(calc(var(--press-depth) * .55)) scaleX(1.06) scaleY(.92); }
}

/* ---------- BLUE_BTN_TOON ("Conosci il team SuperMauro") ---------- */

.elementor a.blue_btn_toon,
.elementor .blue_btn_toon .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 58px;
  padding: 0 31px;
  border: 0;
  border-radius: 20px;
  font: 24px "Boogaloo", "Arial Rounded MT Bold", sans-serif;
  text-decoration: none;
  color: #fff !important;
  background: #004aad;
  cursor: pointer;
  box-shadow: 0 9px 0 #003477;
  --press-depth: 9px;
  will-change: transform;
  transition: transform .12s cubic-bezier(.2,.8,.2,1), box-shadow .12s cubic-bezier(.2,.8,.2,1);
}

.elementor a.blue_btn_toon:hover,
.elementor a.blue_btn_toon:active,
.elementor .blue_btn_toon .elementor-button:hover,
.elementor .blue_btn_toon .elementor-button:active {
  transform: translateY(var(--press-depth));
  box-shadow: 0 0 #0000 !important;
}

.elementor a.blue_btn_toon:hover,
.elementor .blue_btn_toon .elementor-button:hover {
  animation: .36s cubic-bezier(.2,.9,.25,1) both blue_btn_toon_squish;
  box-shadow: 0 calc(var(--press-depth) * .25) 0 rgba(0,0,0,.28) !important;
}

.elementor a.blue_btn_toon:active,
.elementor .blue_btn_toon .elementor-button:active {
  transform: translateY(var(--press-depth)) scaleX(1.13) scaleY(.82);
  animation: none;
}

.elementor a.blue_btn_toon:focus-visible,
.elementor .blue_btn_toon .elementor-button:focus-visible {
  outline: 3px solid #fbdd4e;
  outline-offset: 4px;
}

@keyframes blue_btn_toon_squish {
  0%   { transform: translateY(0) scaleX(1) scaleY(1); }
  55%  { transform: translateY(calc(var(--press-depth) * .7)) scaleX(1.11) scaleY(.86); }
  100% { transform: translateY(calc(var(--press-depth) * .55)) scaleX(1.06) scaleY(.92); }
}

/* ---------- GREEN_BTN_TOON (generico) ---------- */

.elementor a.green_btn_toon,
.elementor .green_btn_toon .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 58px;
  padding: 0 31px;
  border: 0;
  border-radius: 20px;
  font: 24px "Boogaloo", "Arial Rounded MT Bold", sans-serif;
  text-decoration: none;
  color: #fff;
  background: #1e8a5f;
  cursor: pointer;
  box-shadow: 0 9px 0 #116c48;
  --press-depth: 9px;
  will-change: transform;
  transition: transform .12s cubic-bezier(.2,.8,.2,1), box-shadow .12s cubic-bezier(.2,.8,.2,1);
}

.elementor a.green_btn_toon svg,
.elementor .green_btn_toon .elementor-button svg {
  width: 23px;
}

.elementor a.green_btn_toon:hover,
.elementor a.green_btn_toon:active,
.elementor .green_btn_toon .elementor-button:hover,
.elementor .green_btn_toon .elementor-button:active {
  transform: translateY(var(--press-depth));
  box-shadow: 0 0 #0000 !important;
}

.elementor a.green_btn_toon:hover,
.elementor .green_btn_toon .elementor-button:hover {
  animation: .36s cubic-bezier(.2,.9,.25,1) both green_btn_toon_squish;
  box-shadow: 0 calc(var(--press-depth) * .25) 0 rgba(0,0,0,.28) !important;
}

.elementor a.green_btn_toon:active,
.elementor .green_btn_toon .elementor-button:active {
  transform: translateY(var(--press-depth)) scaleX(1.13) scaleY(.82);
  animation: none;
}

.elementor a.green_btn_toon:focus-visible,
.elementor .green_btn_toon .elementor-button:focus-visible {
  outline: 3px solid #fbdd4e;
  outline-offset: 4px;
}

@keyframes green_btn_toon_squish {
  0%   { transform: translateY(0) scaleX(1) scaleY(1); }
  55%  { transform: translateY(calc(var(--press-depth) * .7)) scaleX(1.11) scaleY(.86); }
  100% { transform: translateY(calc(var(--press-depth) * .55)) scaleX(1.06) scaleY(.92); }
}

/* ---------- YELLOW_BTN_TOON (generico) ---------- */

.elementor a.yellow_btn_toon,
.elementor .yellow_btn_toon .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 58px;
  padding: 0 31px;
  border: 0;
  border-radius: 20px;
  font: 24px "Boogaloo", "Arial Rounded MT Bold", sans-serif;
  text-decoration: none;
  color: #1a1a1a;
  background: #fad85b;
  cursor: pointer;
  box-shadow: 0 9px 0 #b49c42;
  --press-depth: 9px;
  will-change: transform;
  transition: transform .12s cubic-bezier(.2,.8,.2,1), box-shadow .12s cubic-bezier(.2,.8,.2,1);
}

.elementor a.yellow_btn_toon svg,
.elementor .yellow_btn_toon .elementor-button svg {
  width: 23px;
}

.elementor a.yellow_btn_toon:hover,
.elementor a.yellow_btn_toon:active,
.elementor .yellow_btn_toon .elementor-button:hover,
.elementor .yellow_btn_toon .elementor-button:active {
  transform: translateY(var(--press-depth));
  box-shadow: 0 0 #0000 !important;
}

.elementor a.yellow_btn_toon:hover,
.elementor .yellow_btn_toon .elementor-button:hover {
  animation: .36s cubic-bezier(.2,.9,.25,1) both yellow_btn_toon_squish;
  box-shadow: 0 calc(var(--press-depth) * .25) 0 rgba(0,0,0,.28) !important;
}

.elementor a.yellow_btn_toon:active,
.elementor .yellow_btn_toon .elementor-button:active {
  transform: translateY(var(--press-depth)) scaleX(1.13) scaleY(.82);
  animation: none;
}

.elementor a.yellow_btn_toon:focus-visible,
.elementor .yellow_btn_toon .elementor-button:focus-visible {
  outline: 3px solid #004aad;
  outline-offset: 4px;
}

@keyframes yellow_btn_toon_squish {
  0%   { transform: translateY(0) scaleX(1) scaleY(1); }
  55%  { transform: translateY(calc(var(--press-depth) * .7)) scaleX(1.11) scaleY(.86); }
  100% { transform: translateY(calc(var(--press-depth) * .55)) scaleX(1.06) scaleY(.92); }
}

/* ---------- FORM_BTN_TOON ("Invia il modulo") - nessun effetto pressione ---------- */

.elementor a.form_btn_toon,
.elementor .form_btn_toon .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 58px;
  padding: 0 31px;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 20px;
  font: 24px "Boogaloo", "Arial Rounded MT Bold", sans-serif;
  text-decoration: none;
  color: #fff !important;
  background: #004aad;
  cursor: pointer;
  transition: background-color .2s ease;
}

.elementor a.form_btn_toon:hover,
.elementor .form_btn_toon .elementor-button:hover {
  background: #c20512;
  color: #fff !important;
}

/* === TOON PRESS — Container card (Elementor) === */

.card_toon {
  --press-depth: 8px;
  will-change: transform;
  border-radius: 24px !important;
  transition: transform .12s cubic-bezier(0.2,0.8,0.2,1),
              box-shadow .12s cubic-bezier(0.2,0.8,0.2,1) !important;
}

.card_toon.card_blue_toon {
  background: #004aad !important;
  color: #fff !important;
  box-shadow: 0 8px 0 #003477 !important;
}

.card_toon.card_light_toon {
  background: #fff !important;
  border: 3px solid #0443a0 !important;
  color: #004aad !important;
  box-shadow: 0 8px 0 #0443a0 !important;
}

.card_toon:hover,
.card_toon:active {
  transform: translateY(var(--press-depth)) !important;
  box-shadow: 0 0 #0000 !important;
}

.card_toon:focus-visible {
  outline: 3px solid #fbdd4e;
  outline-offset: 4px;
}

/* === TOON BUTTON - protezione da squeeze in row flex (21/8/2026) === */
.elementor-widget-button.red_btn_toon,
.elementor-widget-button.wa_btn_toon,
.elementor-widget-button.blue_btn_toon,
.elementor-widget-button.form_btn_toon,
.elementor-widget-button.green_btn_toon,
.elementor-widget-button.yellow_btn_toon {
  flex-shrink: 0;
}

/* === TOON PRESS - submit button widget Form Elementor (globale, tutte le form, 21/8/2026) ===
   Nessuna classe da assegnare: colpisce sempre il bottone submit nativo del Form widget.
   Colore/altezza/radius restano quelli impostati nello Stile del singolo widget Form. */
.elementor-form button.elementor-button[type="submit"] {
  box-shadow: 0 9px 0 #92030c !important;
  --press-depth: 9px;
  will-change: transform;
  transition: transform .12s cubic-bezier(.2,.8,.2,1), box-shadow .12s cubic-bezier(.2,.8,.2,1);
}

.elementor-form button.elementor-button[type="submit"]:hover,
.elementor-form button.elementor-button[type="submit"]:active {
  transform: translateY(var(--press-depth));
  box-shadow: 0 0 #0000 !important;
}

.elementor-form button.elementor-button[type="submit"]:hover {
  animation: .36s cubic-bezier(.2,.9,.25,1) both form_submit_toon_squish;
  box-shadow: 0 calc(var(--press-depth) * .25) 0 rgba(0,0,0,.28) !important;
}

/* Nota: colore ombra #92030c allineato al rosso brand (red_btn_toon). Se una futura form
   usa uno sfondo diverso dal rosso CTA, aggiornare qui il colore ombra di conseguenza. */

.elementor-form button.elementor-button[type="submit"]:active {
  transform: translateY(var(--press-depth)) scaleX(1.13) scaleY(.82);
  animation: none;
}

.elementor-form button.elementor-button[type="submit"]:focus-visible {
  outline: 3px solid #fbdd4e;
  outline-offset: 4px;
}

@keyframes form_submit_toon_squish {
  0%   { transform: translateY(0) scaleX(1) scaleY(1); }
  55%  { transform: translateY(calc(var(--press-depth) * .7)) scaleX(1.11) scaleY(.86); }
  100% { transform: translateY(calc(var(--press-depth) * .55)) scaleX(1.06) scaleY(.92); }
}

/* === TOON BUTTON - modificatore "compatto", riusabile su qualsiasi bottone toon ===
   Uso: aggiungere la classe btn_toon_compact nel campo Classi CSS del widget Button,
   insieme alla classe colore gia' presente (es. "red_btn_toon btn_toon_compact"). === */
.elementor a.btn_toon_compact,
.elementor .btn_toon_compact .elementor-button {
  padding: 0 18px !important;
}

/* === TOON BUTTON - blocco colore, bottone "Aggiungi" Loop prodotto (widget id 7f2dd1a) ===
   Protezione contro il binding Global Color "secondary" che un salvataggio manuale
   in Elementor puo' reintrodurre sul widget, sovrascrivendo il colore della classe. === */
.elementor-element-7f2dd1a.red_btn_toon .elementor-button {
  background: #C20512 !important;
}
.elementor-element-7f2dd1a.blue_btn_toon .elementor-button {
  background: #004AAD !important;
}/* End custom CSS */