/* Estilos personalizados para botones de WooCommerce */

/* Botones de login y registro */
.woocommerce form .form-row .button,
.woocommerce-page form .form-row .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-Button,
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
  background: #d74332 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 5px 15px rgba(215, 67, 50, 0.3) !important;
  padding: 12px 24px !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
}

/* Efecto hover para botones */
.woocommerce form .form-row .button:hover,
.woocommerce-page form .form-row .button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-Button:hover,
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover {
  background: linear-gradient(135deg, #f195be 0%, #ff9fcf 100%) !important;
  color: #000 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 20px rgba(241, 149, 190, 0.4) !important;
}

/* Botones deshabilitados */
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
  background: linear-gradient(135deg, #d74332 0%, #ff6b58 100%) !important;
  color: #fff !important;
  opacity: 0.7 !important;
}

/* Enlaces de color de la marca */
.woocommerce-privacy-policy-link,
.woocommerce-LostPassword a,
.woocommerce-form-login__rememberme {
  color: #f195be !important;
  transition: color 0.3s ease !important;
}

.woocommerce-privacy-policy-link:hover,
.woocommerce-LostPassword a:hover {
  color: #d74332 !important;
  text-decoration: underline !important;
}

/* Campos de formulario al enfocar */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  border-color: #f195be !important;
  box-shadow: 0 0 5px rgba(241, 149, 190, 0.5) !important;
}

/* Checkbox personalizado */
.woocommerce form .form-row .input-checkbox {
  border: 1px solid #f195be !important;
}

.woocommerce form .form-row .input-checkbox:checked {
  background-color: #d74332 !important;
  border-color: #d74332 !important;
}

/* Estilos específicos para la página de login/registro */
.woocommerce-account .woocommerce h2 {
  color: #d74332 !important;
  margin-bottom: 20px !important;
}

/* Ajustes para móvil */
@media (max-width: 768px) {
  .woocommerce form .form-row .button,
  .woocommerce-page form .form-row .button,
  .woocommerce #respond input#submit,
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce-Button,
  .woocommerce-form-login__submit,
  .woocommerce-form-register__submit {
    width: 100% !important;
    padding: 12px 15px !important;
  }
}