#booknetic_theme_6 *
{
    font-family: 'Poppins', sans-serif !important;
}
#booknetic_theme_6
{
    height: 600px;
}

#booknetic_theme_6 .booknetic_appointment_steps
{
    background: #6c70dd;
}

#booknetic_theme_6 .booknetic_badge
{
    background: #a6aaeb;
}
#booknetic_theme_6 .booknetic_appointment_steps_footer_txt2
{
    color: #a6aaeb;
}
#booknetic_theme_6 .booknetic_step_title, #booknetic_theme_6 .booknetic_appointment_steps_footer_txt1
{
    color: #a6a8ea;
}

#booknetic_theme_6 .booknetic_selected_step > .booknetic_badge::after
{
background-color: #4ebf65;
}
#booknetic_theme_6 .booknetic_selected_step .booknetic_step_title
{
color: #ffffff;
}

#booknetic_theme_6 .booknetic_active_step .booknetic_badge, #booknetic_theme_6 .booknetic_calendar_days > div > span > i[a], #booknetic_theme_6 .booknetic_btn_success
{
    background: #acacac;
}
#booknetic_theme_6 .booknetic_active_step .booknetic_step_title
{
    color: #ffffff;
}

#booknetic_theme_6 .booknetic_btn_primary,
#booknetic_theme_6 .booknetic_selected_time,
#booknetic_theme_6 .booknetic_calendar_selected_day > div
{
    background: #6c70dd !important;
    color: #ffffff !important;
}

#booknetic_theme_6 .booknetic_service_category, .booknetic_package_category, #booknetic_theme_6 .booknetic_service_extra_title, #booknetic_theme_6 .booknetic_times_title, #booknetic_theme_6 .booknetic_text_primary
{
    color: #6c70dd !important;
}

#booknetic_theme_6 .booknetic_category_accordion .booknetic_service_category span,
#booknetic_theme_6 .booknetic_category_accordion .booknetic_service_extra_title span{
    background: #6c70dd !important;
}

#booknetic_theme_6 .booknetic_appointment_container_header
{
    color: #292d32 !important;
}

#booknetic_theme_6 .booknetic_service_card_selected,
#booknetic_theme_6 .booknetic_card_selected,
#booknetic_theme_6 .booknetic_service_extra_card_selected,
#booknetic_theme_6 .booknetic_payment_method_selected,
#booknetic_theme_6 .booknetic-cart-item.active
{
    border-color: #8388fc !important;
}

#booknetic_theme_6 .booknetic_service_card_price,
#booknetic_theme_6 .booknetic_service_extra_card_price,
#booknetic_theme_6 .booknetic_confirm_details_price:not([data-price-id="discount"] .booknetic_confirm_details_price,.booknetic_gift_discount_price),
#booknetic_theme_6 .booknetic-cart-item-body-cell.amount,
#booknetic_theme_6 .booknetic_sum_price
{
    color: #53d56c !important;
}

/* Package Booking Panel Theming */
#booknetic_theme_6 .bkntc_package-confirmation_header h1,
#booknetic_theme_6 .bkntc_package_summary h2
{
    color: #292d32 !important;
}

#booknetic_theme_6 .bkntc_package_summary,
#booknetic_theme_6 .bkntc_package_warning,
#booknetic_theme_6 .bkntc_package_appointment.booked,
#booknetic_theme_6 .bkntc_package_appointment.empty
{
    border-color: #8388fc !important;
}

.booknetic_package_card_service_el > span:first-child
{
    color: #6c70dd !important;
}

.booknetic_package_card_service_el > span:last-child {
    background: #6c70dd !important;
}

#booknetic_theme_6 .bkntc_package_appointment.empty:hover
{
    border-color: #6c70dd !important;
    background-color: rgba(108, 112, 220, 0.1) !important;
}

#booknetic_theme_6 .bkntc_package-confirmation_header span,
#booknetic_theme_6 .bkntc_package_summary h2
{
    color: #6c70dd !important;
}

/* Apariencia → CSS adicional */
.booknetic-appointment-container .iti__selected-flag { pointer-events: none; }
.booknetic-appointment-container .iti__country-list { display: none !important; }

/* === Teléfono con intl-tel-input: ancho completo y prolijo === */
.booknetic-appointment-container .iti { 
  width: 100% !important; 
}

.booknetic-appointment-container input[type="tel"] {
  width: 100%;
  max-width: 480px;         /* Ajustá si querés más/menos ancho en desktop */
  height: 44px;
  padding: 10px 12px 10px 50px; /* deja espacio para la bandera */
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 1.2;
  background-color: #fff;
}

/* Lista de países: scroll y sobre todo, por encima de otros elementos */
.booknetic-appointment-container .iti__country-list {
  max-height: 260px;
  overflow-y: auto;
  z-index: 9999;
}

/* Placeholders un poco más suaves */
.booknetic-appointment-container ::placeholder {
  color: #9ca3af;
}

/* Inputs generales del panel (coherencia visual) */
.booknetic-appointment-container input[type="text"],
.booknetic-appointment-container input[type="email"],
.booknetic-appointment-container input[type="number"],
.booknetic-appointment-container select,
.booknetic-appointment-container textarea {
  width: 100%;
  max-width: 480px;
  height: 44px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 15px;
  background-color: #fff;
}

/* Altura para textarea */
.booknetic-appointment-container textarea {
  min-height: 90px;
}

/* Espaciado entre filas/campos (genérico) */
.booknetic-appointment-container .booknetic_row,
.booknetic-appointment-container .booknetic_form_group,
.booknetic-appointment-container .booknetic_service_extra_item,
.booknetic-appointment-container .booknetic-input-wrapper {
  margin-bottom: 12px;
}

/* Mensajes de error más claros */
.booknetic-appointment-container .booknetic_alert,
.booknetic-appointment-container .booknetic_error {
  color: #b91c1c;
  font-size: 13px;
}

/* Botones del flujo (opcional, estilo sobrio) */
.booknetic-appointment-container .booknetic_btn,
.booknetic-appointment-container .booknetic_next_step_btn,
.booknetic-appointment-container .booknetic_prev_step_btn {
  background: #111111;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 12px 16px;
  font-weight: 600;
  cursor: pointer;
}
.booknetic-appointment-container .booknetic_prev_step_btn {
  background: #e5e7eb;
  color: #111111;
}

/* Responsive: en móvil ocupa todo y sube tamaño de fuente */
@media (max-width: 640px) {
  .booknetic-appointment-container input,
  .booknetic-appointment-container select,
  .booknetic-appointment-container textarea {
    max-width: 100%;
    font-size: 16px; /* evita zoom en iOS */
  }
}


