/**
Theme Name: animal-friend
Author: Erick Perez
Author URI: https://interaction.cr/
Description: Tema hijo de Astra template, con la tecnología de WordPress y flexibilidad que solo este CMS brinda.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: animal-friend
Template: astra
*/

.bs-is-loading { opacity:.6; pointer-events:none; transition:opacity .2s; }

.bs-select-wrap { position:relative; max-width: 480px; }
.bs-select-toggle {
  width:100%; text-align:left; display:flex; align-items:center; justify-content:space-between;
  gap:.5rem; padding:.55rem .75rem; border:1px solid var(--ast-border-color, #dcdcdc);
  background:#fff; border-radius:8px; cursor:pointer;
}
.bs-select-caret { opacity:.7; }

.bs-select-panel {
  position:absolute; z-index:50; top:calc(100% + 6px); left:0; width:100%;
  background:#fff; border:1px solid var(--ast-border-color, #dcdcdc); border-radius:10px;
  box-shadow:0 8px 18px rgba(0,0,0,.08); padding:.5rem; max-height: 60vh; overflow:auto;
}
.bs-select-panel[aria-hidden="true"] { display:none; }

.bs-select-search { padding:.25rem; }
.bs-select-input {
  width:100%; padding:.5rem .6rem; border:1px solid #d0d0d0; border-radius:8px;
}

.bs-select-list { list-style:none; margin:.5rem 0 0; padding:0; display:grid; gap:.25rem; }
.bs-option-btn {
  width:100%; text-align:left; padding:.45rem .55rem; border-radius:6px; border:0; background:transparent; cursor:pointer;
}
.bs-option-btn:hover { background:#f5f5f7; }
.bs-option-btn.is-active { background:#eef6ff; }

.bs-opt-parent { font-weight:600; }
.bs-opt-children { margin:.25rem 0 .25rem 1rem; display:grid; gap:.15rem; }
.bs-select-actions { display:flex; justify-content:flex-end; gap:.5rem; padding-top:.5rem; border-top:1px solid #eee; }

/* Texto negro para todo el selector */
.bs-select-wrap,
.bs-select-wrap * {
  color: #000 !important;
}

/* Fondo del botón/selector y panel */
.bs-select-toggle {
  background: #fff;
  color: #000 !important;
  border: 1px solid var(--ast-border-color, #dcdcdc);
}
.bs-select-caret { color: #000; }

.bs-select-panel {
  background: #fff;
  color: #000 !important;
  border: 1px solid var(--ast-border-color, #dcdcdc);
}

/* Botones de opción */
.bs-option-btn {
  color: #000 !important;
  background: transparent;
}
.bs-option-btn:hover {
  background: #f5f5f7;
}
.bs-option-btn.is-active {
  background: #eef6ff;
  color: #000 !important;
}

/* Input de búsqueda */
.bs-select-input {
  background: #fff;
  color: #000 !important;
  border: 1px solid #d0d0d0;
}

/* Botones secundarios si decidís dejarlos */
.bs-select-actions .button,
.bs-select-actions .button-secondary {
  color: #000 !important;
}