:root{
      --aa-text-color-rgb:0,0,0;
      --aa-primary-color-rgb:0,0,0;
      --aa-muted-color-rgb:150,150,150;
      --aa-input-background-color-rgb:255,255,255;
      --aa-background-color-rgb:255,255,255;
      --aa-selected-color-rgb:110,138,186;
      --aa-description-highlight-background-color-rgb:255,255,0;
      --aa-description-highlight-background-color-alpha:.2;
      --aa-icon-color-rgb:0,0,0;
      --aa-panel-shadow:0 2px 5px rgba(0,0,0,.1);
      --aa-scrollbar-track-background-color-rgb:240,240,240;
      --aa-scrollbar-thumb-background-color-rgb:200,200,200;
    }
    .aa-Panel{z-index:999}
    .aa-Panel mark{display:inline;background-color:#ffe23a33}
    .aa-DetachedSearchButton{background:none!important;border:0}
    .aa-Input{border:0!important;border-top:2px solid transparent!important;border-bottom:2px solid transparent!important}
    .aa-Input:focus{
      border-top-color: var(--e-global-color-primary, #7e1734) ;
      border-bottom-color: var(--e-global-color-primary, #7e1734) ;
    }
    .aa-ClearButton::after{display:none}
    .aa-SubmitButton{background:none!important;color:rgba(0,0,0,.2)!important}
    .aa-Form:focus-within{
      border-color: var(--e-global-color-primary, #7e1734) ;
      box-shadow: 0 0 0 2px color-mix(in srgb, var(--e-global-color-primary, #7e1734) 35%, transparent) ;
    }
    .aa-Form:focus-within .aa-SubmitButton,
    .aa-Form:focus-within .aa-ClearButton{
      color: var(--e-global-color-primary, #7e1734) !important;
    }
    /* Item */
    .tss-ac__link{display:flex;gap:.5rem;text-decoration:none;color:inherit;margin-bottom:.5rem}
    .tss-ac__img{width:4rem;height:4rem;object-fit:cover;background:#fafafa}
    .tss-ac__info{display:flex;flex-direction:column;gap:.5rem;flex:1}
    .tss-ac__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
    .tss-ac__name{font-weight:500}
    .tss-ac__desc{font-size:.8em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
    .tss-ac__stock{font-size:.7em;padding:.1em .5em;border-radius:10rem;display:inline-block;margin-top:.25rem;background:#e5e7eb}
    .tss-ac__stock.in{background:var(--e-global-color-primary, #FAB80D);color:#fff}
button.aa-ClearButton {
    background: none !important;
    border: none !important;
}
    button.aa-SubmitButton {
    border: none !important;
}
    
    /* DEBUG: Estilo para mostrar contenedor vacío */
    .elementor-editor-active .tss-wrap {
      min-height: 50px;
      border: 2px dashed #ccc;
      position: relative;
    }
    .elementor-editor-active .tss-wrap:after {
      content: "Typesense Search Container";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #999;
      font-size: 12px;
      pointer-events: none;
    }
    .tss-wrap .aa-Autocomplete {
      border: none !important;
    }
    .tss-wrap .aa-Autocomplete:after {
      display: none;
    }
    .aa-Form {
    align-items: center;
    background-color: rgba(255, 255, 255,1);
    background-color: rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));
    border: 1px solid rgba(128, 126, 163,0.8);
    border: 1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));
    border-radius: 10px !important;
    display: flex;
    line-height: 1em;
    margin: 0;
    position: relative;
    width: 90%;
}
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select, textarea {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /*width: 90% !important;*/
    padding: 12px 16px;
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
    color: var(--ast-form-input-text,#475569);
}


.aa-Panel .tss-facets__header {
  padding: 6px 12px;
  font-weight: 600;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #eee;
  margin-bottom: 4px;
}

/* Cada categoría como link */
.aa-Panel .tss-facet__item {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  font-size: 14px;
  color: #008DD2;            /* tu color corporativo */
  border-radius: 6px;
  transition: background 0.2s, color 0.2s;
}

/* Hover efecto */


/* Si querés que se vean como chips/pastillas */
a.tss-facet__item {
    color: black !important;
    text-transform: inherit;
    text-align: left;
    padding: 0px 10px;
}
.tss-facets__header {
    padding-bottom: 5px !important;
    border-bottom: 1px solid #00000040 !important;
}