/* WCBA 2.9.4 - estilos para barra superior, sidebar y sugerencias (Hello Elementor) */
/* Ocultar chips en el layout todo-en-uno si usas los shortcodes separados */
.wcba-row-inline .wcba-sizes,
.wcba-row-inline .wcba-brands-row { display: none !important; }
/* Formulario superior */
.wcba-wrapper .wcba-form { width: 100%; }
.wcba-search { position: relative; display: flex; gap: .5rem; align-items: center; }
.wcba-input { flex: 1 1 auto; padding: .5rem .75rem; border: 1px solid #cfd8dc; border-radius: 6px; }
.wcba-btn { padding: .5rem .8rem; border-radius: 6px; border: 1px solid #cfd8dc; background: #f5faff; cursor: pointer; }
.wcba-btn:hover { background: #e9f4ff; }
/* Sidebar */
.wcba-sider.wcba-section { margin: 0 0 1rem 0; padding: .5rem 0; border-top: 1px solid #eaeaea; }
.wcba-section-title { font-size: 1rem; font-weight: 700; margin: 0 0 .5rem 0; color: #3a3a3a; }
.wcba-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.wcba-chip { padding: .35rem .6rem; font-size: .85rem; border-radius: 999px; border: 1px solid #cfd8dc; background: #f7fbff; color: #2f3b45; cursor: pointer; transition: all .15s ease-in-out; }
.wcba-chip:hover { background: #e9f4ff; border-color: #90caf9; color: #1c4b72; }
.wcba-chip.is-active { border-color: #1c88e5; color: #1c88e5; background: #e6f2ff; }
/* Sugerencias (dropdown) */
.wcba-suggestions { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 9999; border: 1px solid #cfd8dc; border-radius: 8px; background: #ffffff; box-shadow: 0 6px 18px rgba(0,0,0,0.08); padding: .25rem; display: none; }
.wcba-suggest-item { display: grid; grid-template-columns: 48px 1fr auto; gap: .5rem; align-items: center; padding: .35rem .5rem; border-radius: 6px; color: #1c4b72; text-decoration: none; }
.wcba-suggest-item:hover { background: #f5faff; }
.wcba-suggest-thumb img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; }
.wcba-suggest-title { font-size: .95rem; color: #333; }
.wcba-suggest-price { font-size: .9rem; color: #0070f3; }
.wcba-suggest-empty { padding: .5rem; color: #666; }
.wcba-suggest-all { display: block; margin: .25rem .25rem 0; padding: .4rem .6rem; text-align: center; border-top: 1px dashed #e0e0e0; color: #1c4b72; text-decoration: none; }
.wcba-suggest-all:hover { text-decoration: underline; }
/* WCBA 3.0.3: input pill y ocultar botones del form (defensivo) */
.wcba-wrapper .wcba-search .wcba-input{ border-radius:999px !important; padding:.6rem .9rem; border:1px solid #cfd8dc; }
.wcba-search .wcba-btn, .wcba-search .wcba-clear{ display:none !important; }