/* Start custom CSS for html, class: .elementor-element-309e7dd *//* =========================================
   FIX GLOBAL: WPC Name Your Price for WooCommerce
   - Alinea input + botón
   - Evita desfase por line-height/padding del tema
   - Responsive y sin afectar otros inputs
========================================= */

/* 1) Normaliza box model solo dentro del plugin */
.wpc-name-your-price *,
.wpc-name-your-price-wrap *,
.wpc-nyp *,
.wpc-nyp-wrap *,
.wpc_name_your_price *,
.wpc_name_your_price_wrap *,
.wpc-name-your-price input,
.wpc-name-your-price-wrap input,
.wpc-nyp input,
.wpc-nyp-wrap input {
  box-sizing: border-box !important;
}

/* 2) Fuerza layout en fila y centrado vertical */
.wpc-name-your-price,
.wpc-name-your-price-wrap,
.wpc-nyp,
.wpc-nyp-wrap,
.wpc_name_your_price,
.wpc_name_your_price_wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}

/* 3) Input del precio: misma altura, sin “saltos” */
.wpc-name-your-price input[type="number"],
.wpc-name-your-price-wrap input[type="number"],
.wpc-nyp input[type="number"],
.wpc-nyp-wrap input[type="number"],
.wpc_name_your_price input[type="number"],
.wpc_name_your_price_wrap input[type="number"],
/* fallback por si el plugin usa text */
.wpc-name-your-price input[type="text"],
.wpc-name-your-price-wrap input[type="text"],
.wpc-nyp input[type="text"],
.wpc-nyp-wrap input[type="text"],
.wpc_name_your_price input[type="text"],
.wpc_name_your_price_wrap input[type="text"]{
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  padding: 0 12px !important;
  width: 180px !important;
  max-width: 100% !important;
  border-radius: 12px !important;
  vertical-align: middle !important;
  margin: 0 !important;
}

/* 4) Botones al lado (Add to cart / Update / etc.) */
.wpc-name-your-price button,
.wpc-name-your-price-wrap button,
.wpc-nyp button,
.wpc-nyp-wrap button,
.wpc_name_your_price button,
.wpc_name_your_price_wrap button,
.wpc-name-your-price .button,
.wpc-name-your-price-wrap .button,
.wpc-nyp .button,
.wpc-nyp-wrap .button,
.wpc_name_your_price .button,
.wpc_name_your_price_wrap .button{
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
}

/* 5) Evita que etiquetas/prefijos rompan alineación */
.wpc-name-your-price label,
.wpc-name-your-price-wrap label,
.wpc-nyp label,
.wpc-nyp-wrap label,
.wpc_name_your_price label,
.wpc_name_your_price_wrap label{
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* 6) Mobile: input y botón en columna, ancho completo */
@media (max-width: 768px){
  .wpc-name-your-price,
  .wpc-name-your-price-wrap,
  .wpc-nyp,
  .wpc-nyp-wrap,
  .wpc_name_your_price,
  .wpc_name_your_price_wrap{
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .wpc-name-your-price input,
  .wpc-name-your-price-wrap input,
  .wpc-nyp input,
  .wpc-nyp-wrap input,
  .wpc_name_your_price input,
  .wpc_name_your_price_wrap input,
  .wpc-name-your-price button,
  .wpc-name-your-price-wrap button,
  .wpc-nyp button,
  .wpc-nyp-wrap button,
  .wpc_name_your_price button,
  .wpc_name_your_price_wrap button,
  .wpc-name-your-price .button,
  .wpc-name-your-price-wrap .button,
  .wpc-nyp .button,
  .wpc-nyp-wrap .button,
  .wpc_name_your_price .button,
  .wpc_name_your_price_wrap .button{
    width: 100% !important;
  }
}/* End custom CSS */