/*
Theme Name:     Hello Theme Child
Theme URI:      https://www.syncro.agency/
Description:    Tema Child per il tema Hello Theme
Author:         Syncro Agency
Author URI:     https://www.syncro.agency/
Template:       hello-elementor
Version:        0.1.0
*/

/* Allinea il bottone Stripe al look degli altri bottoni del sito */
#stripe-submit.tickera-button {
  background: var(--background-button, var(--e-global-color-primary, linear-gradient(45deg, #c48013, #f5a013))) !important;
  color: var(--colore-bianco, #fff) !important;
  border: none !important;
  border-radius: 4px !important;
  display: inline-block !important;
  padding: 14px 28px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: 0 8px 22px -14px rgba(0, 0, 0, 0.45);
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#stripe-submit.tickera-button:hover,
#stripe-submit.tickera-button:focus {
  background: var(--background-button-hover, var(--e-global-color-primary, #7ea295)) !important;
  filter: none !important;
  color: var(--colore-bianco, #fff) !important;
  box-shadow: 0 12px 28px -14px rgba(0, 0, 0, 0.45);
  transform: translateY(-1px);
  outline: none;
}

#stripe-submit.tickera-button:active {
  transform: translateY(0);
  box-shadow: 0 8px 22px -14px rgba(0, 0, 0, 0.45);
}

#stripe-loading {
  margin-right: 10px;
  vertical-align: middle;
}

/* Fallback con specificità più alta per sovrascrivere CSS del plugin */
form#tc_payment_form input#stripe-submit.tickera-button,
.tickera-payment-gateways form#tc_payment_form input#stripe-submit.tickera-button {
  background: var(--background-button, var(--e-global-color-primary, linear-gradient(45deg, #c48013, #f5a013))) !important;
  color: var(--colore-bianco, #fff) !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 14px 28px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

form#tc_payment_form input#stripe-submit.tickera-button:hover,
form#tc_payment_form input#stripe-submit.tickera-button:focus,
.tickera-payment-gateways form#tc_payment_form input#stripe-submit.tickera-button:hover,
.tickera-payment-gateways form#tc_payment_form input#stripe-submit.tickera-button:focus {
  background: var(--background-button-hover, var(--e-global-color-primary, #7ea295)) !important;
  color: var(--colore-bianco, #fff) !important;
}