/* ============================================================
   rlsearch — buscador avanzado de Bobgrow
   Tokens: verde #00ae69 / hover #008e56 / amarillo #ffd335 / tinta #181818
   ============================================================ */
.rlsearch{position:relative;width:100%;font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}

/* ---- Caja ---- */
.rlsearch__form{display:flex;align-items:center;gap:0;background:#fff;border:1.6px solid #e6e8e6;border-radius:40px;padding:4px 4px 4px 16px;transition:border-color .16s ease,box-shadow .16s ease;}
.rlsearch__form:focus-within{border-color:#00ae69;box-shadow:0 0 0 4px rgba(0,174,105,.13);}
.rlsearch__icon{display:flex;color:#8a8a8a;flex:none;}
.rlsearch__form:focus-within .rlsearch__icon{color:#00ae69;}
/* .rlsearch .rlsearch__input -> mayor especificidad que el input[type] global del tema (evita doble borde) */
.rlsearch .rlsearch__input,
.rlsearch .rlsearch__input:focus{flex:1;min-width:0;border:0;outline:none;box-shadow:none;background:transparent;border-radius:0;font-size:15px;font-family:inherit;color:#181818;padding:10px 12px;height:auto;margin:0;}
.rlsearch__input::placeholder{color:#9aa09a;}
.rlsearch__clear{display:flex;align-items:center;justify-content:center;border:0;background:#f0f2f0;color:#6b6f6b;width:26px;height:26px;border-radius:50%;cursor:pointer;flex:none;margin-right:4px;transition:background .15s,color .15s;}
.rlsearch__clear:hover{background:#e2e6e2;color:#181818;}
.rlsearch__submit{flex:none;border:0;cursor:pointer;background:#00ae69;color:#fff;font-weight:700;font-size:14px;padding:10px 22px;border-radius:40px;transition:background .15s ease,transform .15s ease;}
.rlsearch__submit:hover{background:#008e56;}

/* ---- Panel desplegable ---- */
.rlsearch__panel{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:1200;background:#fff;border:1px solid #ececec;border-radius:18px;box-shadow:0 22px 60px rgba(20,40,30,.20),0 4px 12px rgba(20,40,30,.08);padding:8px;max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain;animation:rlsdrop .16s ease;}
@keyframes rlsdrop{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}
.rlsearch__panel::-webkit-scrollbar{width:9px;}
.rlsearch__panel::-webkit-scrollbar-thumb{background:#d7dbd7;border-radius:8px;border:2px solid #fff;}

/* ---- "Quizás quisiste decir" ---- */
.rlsearch__dym{font-size:13.5px;color:#6b6f6b;padding:8px 12px 10px;border-bottom:1px solid #f0f2f0;margin-bottom:4px;}
.rlsearch__dym a{color:#00ae69;font-weight:700;text-decoration:underline;text-underline-offset:2px;}

/* ---- Grupos ---- */
.rlsearch__group{padding:4px 0;}
.rlsearch__group + .rlsearch__group{border-top:1px solid #f3f5f3;}
.rlsearch__grouptitle{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a4a8a4;padding:8px 12px 6px;}

/* ---- Opción genérica ---- */
.rlsearch__opt{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;color:#2a2d2a;text-decoration:none;transition:background .12s ease;}
.rlsearch__opt:hover,.rlsearch__opt.is-active{background:#f0fbf5;}
.rlsearch__opt.is-active{box-shadow:inset 3px 0 0 #00ae69;}
.rlsearch__txt{font-size:14.5px;color:#181818;display:flex;align-items:center;gap:8px;min-width:0;}
.rlsearch__dot{width:6px;height:6px;border-radius:50%;background:#00ae69;flex:none;}
.rlsearch__tag{font-size:10.5px;font-weight:700;color:#00ae69;background:#e7f7ef;padding:2px 8px;border-radius:20px;white-space:nowrap;}

/* ---- Producto (con miniatura y precio) ---- */
.rlsearch__prod{align-items:center;}
.rlsearch__thumb{width:48px;height:48px;border-radius:10px;overflow:hidden;flex:none;background:#f5f7f5;border:1px solid #eef0ee;display:flex;align-items:center;justify-content:center;}
.rlsearch__thumb img{width:100%;height:100%;object-fit:cover;}
.rlsearch__pinfo{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.rlsearch__pname{font-size:14px;font-weight:600;color:#181818;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.rlsearch__pprice{font-size:14px;font-weight:800;color:#00ae69;}

/* ---- Trending / búsquedas populares ---- */
.rlsearch__pop{color:#2a2d2a;}
.rlsearch__pop svg{color:#00ae69;flex:none;}
.rlsearch__group--popular .rlsearch__grouptitle,
.rlsearch__group--fallback .rlsearch__grouptitle,
.rlsearch__group--recent .rlsearch__grouptitle,
.rlsearch__group--suggest .rlsearch__grouptitle{color:#00ae69;}
/* resaltado del término coincidente */
.rlsearch__panel mark{background:transparent;color:#00ae69;font-weight:800;padding:0;}

/* ---- Pie "ver todos" ---- */
.rlsearch__all{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;padding:13px;background:#fff8de;color:#181818;font-weight:700;font-size:14px;border-radius:12px;text-decoration:none;transition:background .15s ease;}
.rlsearch__all:hover{background:#ffd335;}
.rlsearch__all strong{color:#181818;}

/* ---- Vacío / cargando ---- */
.rlsearch__empty{padding:22px 16px;text-align:center;color:#6b6f6b;font-size:14px;}
.rlsearch__empty strong{display:block;color:#181818;font-weight:700;margin-bottom:4px;}
.rlsearch__loading{display:flex;gap:6px;justify-content:center;padding:26px;}
.rlsearch__loading span{width:9px;height:9px;border-radius:50%;background:#00ae69;opacity:.35;animation:rlspulse 1s infinite ease-in-out;}
.rlsearch__loading span:nth-child(2){animation-delay:.15s;}
.rlsearch__loading span:nth-child(3){animation-delay:.3s;}
@keyframes rlspulse{0%,100%{opacity:.3;transform:scale(.8);}50%{opacity:1;transform:scale(1);}}

/* ---- Overlay a pantalla completa en móvil ---- */
.rlsearch__back{display:none;}
body.rlsearch-lock{overflow:hidden;}
@media (max-width:767px){
  .rlsearch.is-overlay{position:fixed;inset:0;z-index:99999;background:#fff;padding:14px 16px;display:flex;flex-direction:column;}
  .rlsearch.is-overlay .rlsearch__back{order:1;display:flex;align-self:flex-start;background:none;border:0;color:#181818;padding:2px 4px 12px;cursor:pointer;}
  .rlsearch.is-overlay .rlsearch__form{order:2;flex:0 0 auto;}
  .rlsearch.is-overlay .rlsearch__panel{order:3;position:static;box-shadow:none;border:0;border-radius:0;max-height:none;flex:1 1 auto;margin-top:14px;padding:0;overflow-y:auto;animation:none;}
}

/* ---- Responsive ---- */
@media (max-width:767px){
  .rlsearch__submit{padding:10px 16px;font-size:0;width:42px;height:42px;border-radius:50%;position:relative;}
  .rlsearch__submit::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") center/18px no-repeat;}
  .rlsearch__panel{max-height:72vh;}
}

/* Móvil: buscador del header = icono que abre el overlay */
.rlsearch__mobtrigger{display:none;}
@media (max-width:767px){
  .rlsearch:not(.is-overlay){display:flex;justify-content:flex-end;align-items:center;}
  .rlsearch:not(.is-overlay) .rlsearch__form,
  .rlsearch:not(.is-overlay) .rlsearch__panel{display:none !important;}
  .rlsearch__mobtrigger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#181818;cursor:pointer;padding:0;}
  .rlsearch.is-overlay .rlsearch__mobtrigger{display:none;}
}