/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

/* ============================================
   CAMBIO DE COLOR SECUNDARIO A #EE7838 (NARANJA BNBSOCIAL)
   Reemplaza el color original #978667 (marrón/dorado)
   ============================================ */

/* Enlaces generales (excepto dentro de botones) */
a:not(.btn_1):not(.btn) {
  color: #EE7838 !important;
}

/* Títulos pequeños (small) */
.title small {
  color: #EE7838 !important;
}

/* Botones principales - SIEMPRE texto blanco */
.btn_1,
a.btn_1,
button.btn_1 {
  background: #EE7838 !important;
  color: #fff !important;
}

.btn_1:hover,
a.btn_1:hover,
button.btn_1:hover {
  background: #d66a2f !important;
  color: #fff !important;
}

/* Botones outline */
.btn_1.outline {
  color: #EE7838 !important;
  border-color: #EE7838 !important;
  background: transparent !important;
}

.btn_1.outline:hover {
  background: #EE7838 !important;
  color: #fff !important;
}

/* Botón de búsqueda en formulario */
.booking_form input[type='submit'],
.btn_search {
  background: #EE7838 !important;
  color: #fff !important;
}

.booking_form input[type='submit']:hover,
.btn_search:hover {
  background: #d66a2f !important;
  color: #fff !important;
}

/* Íconos de facilidades */
.box_facilities i {
  color: #EE7838 !important;
}

/* Barras de progreso */
.progress-bar {
  background-color: #EE7838 !important;
}

/* Rating en reseñas */
.review_card .review_content .rating {
  color: #EE7838 !important;
}

/* Precio en cards */
.box_item_info small {
  color: #EE7838 !important;
}

.box_item_info h2 em {
  color: #EE7838 !important;
}

/* Elementos de teléfono */
.phone_element a i {
  color: #EE7838 !important;
}

.phone_element a span strong {
  color: #EE7838 !important;
}

/* Navegación activa */
.sidebar-navigation nav a.active {
  color: #EE7838 !important;
}

.sidebar-navigation nav ul li a:focus,
.sidebar-navigation nav ul li a:hover {
  color: #EE7838 !important;
}

/* Menú principal hover */
.main-menu #mainNav ul li a:hover, 
.main-menu #mainNav ul li a.active {
  color: #EE7838 !important;
}

/* Submenú */
.submenu_version .main-menu ul ul {
  border-top: 2px solid #EE7838 !important;
}

.submenu_version .main-menu ul ul:before {
  border-bottom-color: #EE7838 !important;
}

.submenu_version .main-menu ul ul li:hover > a {
  color: #EE7838 !important;
}

/* Iconos en formularios */
.booking_form i {
  color: #EE7838 !important;
}

/* Iconos de contacto */
.contact_info ul li i {
  color: #EE7838 !important;
}

/* Tabs/pestañas */
.tabs_menu .nav-link.active,
.tabs_menu .nav-link:hover,
.tabs_menu .nav-link:focus {
  color: #EE7838 !important;
}

/* Cookie bar */
#cookie-bar .cb-enable {
  background: #EE7838 !important;
  color: #fff !important;
}

#cookie-bar .cb-enable:hover {
  background: #d66a2f !important;
}

/* Listas con checkmark */
.list_ok ul li:before {
  color: #EE7838 !important;
}

/* Progress wrap (scroll to top) */
.progress-wrap:hover::after {
  color: #EE7838 !important;
}

.progress-wrap svg.progress-circle path {
  stroke: #EE7838 !important;
}

/* Elementos de precio destacados */
.box_cat_rooms .info small {
  background: #EE7838 !important;
  color: #fff !important;
}

/* Rating stars */
.rating i {
  color: #EE7838 !important;
}

/* Badges y etiquetas */
.badge {
  background: #EE7838 !important;
  color: #fff !important;
}

/* Elementos activos en carruseles */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #EE7838 !important;
}

/* Flechas de navegación en carruseles */
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #EE7838 !important;
  color: #fff !important;
}

/* Elementos de formulario focus */
.form-control:focus {
  border-color: #EE7838 !important;
}

/* Paginación activa */
.pagination .page-item.active .page-link {
  background-color: #EE7838 !important;
  border-color: #EE7838 !important;
  color: #fff !important;
}

/* Tooltips */
.tooltip-inner {
  background-color: #EE7838 !important;
}

/* Iconos sociales hover */
.social ul li a:hover {
  background: #EE7838 !important;
  border-color: #EE7838 !important;
  color: #fff !important;
}

/* Precios destacados en menú */
.menu_title em {
  color: #EE7838 !important;
}

/* Indicadores de carrusel */
.carousel-indicators .active {
  background-color: #EE7838 !important;
}

/* ============================================
   CORRECCIÓN ESPECÍFICA PARA BOTONES +/- 
   (Campos de cantidad en formularios)
   ============================================ */

/* Botones +/- visibles siempre */
.qty-buttons input[type="button"],
input.qtyplus,
input.qtyminus {
  color: #333 !important;
  background: #f8f8f8 !important;
  border: 1px solid #ddd !important;
}

.qty-buttons input[type="button"]:hover,
input.qtyplus:hover,
input.qtyminus:hover {
  color: #fff !important;
  background: #EE7838 !important;
  border-color: #EE7838 !important;
}

/* Labels y campos de formulario */
.qty-buttons label {
  color: #333 !important;
}

.qty-buttons input.qty {
  color: #333 !important;
  background: #fff !important;
}


/* ============================================
   MEJORAS VISUALES FORMULARIO HERO
   Fondo completamente transparente
   ============================================ */

/* Formulario completamente transparente */
.booking_form {
  background: transparent !important;
  border-radius: 8px;
  padding: 20px;
}

/* Selects con fondo blanco semi-transparente */
.booking_form .custom_select select,
.booking_form .form-control {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  color: #333 !important;
}

/* Nice select personalizado */
.booking_form .nice-select {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  color: #333 !important;
}

.booking_form .nice-select .list {
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.booking_form .nice-select .option:hover {
  background: rgba(238, 120, 56, 0.1) !important;
  color: #EE7838 !important;
}

/* Botón de búsqueda mejorado */
.booking_form .btn_search {
  background: #EE7838 !important;
  color: #fff !important;
  border: none !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(238, 120, 56, 0.3);
}

.booking_form .btn_search:hover {
  background: #d66a2f !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(238, 120, 56, 0.4);
}

/* ============================================
   BOTÓN DE DISPONIBILIDAD RESPONSIVE
   Visible y bien proporcionado en móvil
   ============================================ */

/* Botón en header - SIEMPRE VISIBLE */
header nav ul li {
  display: inline-block !important;
}

header nav ul li a.btn_scrollto {
  display: inline-block !important;
  visibility: visible !important;
  background: #EE7838 !important;
  color: #fff !important;
  padding: 12px 24px !important;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  transition: all 0.3s ease;
}

header nav ul li a.btn_scrollto:hover {
  background: #d66a2f !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(238, 120, 56, 0.3);
}

/* Responsive para móvil */
@media (max-width: 991px) {
  header nav ul li a.btn_scrollto {
    padding: 10px 18px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 767px) {
  header nav ul li a.btn_scrollto {
    padding: 8px 14px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 575px) {
  header nav ul li a.btn_scrollto {
    padding: 8px 12px !important;
    font-size: 11px !important;
  }
  
  /* Ajustar formulario en móvil - CAMPOS PEGADOS */
  .booking_form {
    padding: 10px 0px !important;
  }
  
  /* Eliminar TODOS los márgenes y paddings entre campos */
  .booking_form .col-lg-3,
  .booking_form .col-lg-4,
  .booking_form .col-lg-2,
  .booking_form .col-sm-6,
  .booking_form [class*="col-"] {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 2px !important;
  }
  
  /* Espaciado mínimo en custom_select */
  .booking_form .custom_select {
    margin-bottom: 2px;
  }
  
  .booking_form .btn_search {
    width: 100%;
    padding: 14px !important;
    margin-top: 2px;
  }
  
  /* Selects más compactos en móvil */
  .booking_form .nice-select {
    height: 48px !important;
    line-height: 48px !important;
    margin-bottom: 0 !important;
  }
}

/* Asegurar que el botón sea visible en el header */
.btn_1.btn_scrollto {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Mejorar contraste en selects deshabilitados */
.booking_form select:disabled,
.booking_form .nice-select.disabled {
  background: rgba(255, 255, 255, 0.6) !important;
  opacity: 0.6;
  cursor: not-allowed;
}

/* Placeholder más visible */
.booking_form select option:first-child,
.booking_form .nice-select .current {
  color: #666 !important;
}

/* Animación suave al habilitar campos */
.booking_form select:not(:disabled),
.booking_form .nice-select:not(.disabled) {
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}