/* Denvelkoff Live Search - стилът на панела с живите резултати.
   Откъде идва: пренос 1:1 на правилата .sr* от martea/assets/css/e5-header.css на martea-theme
   (ЕТАП 14, marteabg.com), с имена .dls* и всички цветове/радиуси/сенки през CSS променливи -
   кое се чупеше: зашитите токени на Мартеа правеха панела неизползваем на друга тема.
   Темата презаписва в :root (стойностите долу са само резервни):
   --dls-bg, --dls-line, --dls-hover, --dls-text, --dls-muted, --dls-accent, --dls-radius,
   --dls-shadow, --dls-shadow-sm, --dls-img, --dls-z, --dls-font.
   Разрешени изключения: height на .dls-img и на input-а на шорткода са декоративни/контролни
   елементи, не текст; max-height + overflow:auto на .dls-inline е панел с вътрешен скрол
   (под breakpoint панелът е в потока) - както в ЕТАП 14. */
:root{--dls-bg:#fff;--dls-line:#e8e8e8;--dls-hover:#f5f5f5;--dls-text:#222;--dls-muted:#777;--dls-accent:#222;--dls-radius:14px;--dls-shadow:0 12px 40px -18px rgba(0,0,0,.28);--dls-shadow-sm:0 6px 20px -12px rgba(0,0,0,.3);--dls-img:56px;--dls-z:300;--dls-font:inherit}
form.dls-host{position:relative}
.dls{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:var(--dls-z);background:var(--dls-bg);border:1.5px solid var(--dls-line);border-radius:var(--dls-radius);box-shadow:var(--dls-shadow);padding:8px;display:grid;gap:2px;text-align:left;font-family:var(--dls-font);color:var(--dls-text)}
.dls[hidden]{display:none}
.dls.is-loading{opacity:.6}
.dls-item{display:flex;align-items:flex-start;gap:12px;padding:8px;border-radius:calc(var(--dls-radius) - 4px);color:var(--dls-text);text-decoration:none;transition:background .15s}
.dls-item:hover,.dls-item.is-active{background:var(--dls-hover)}
.dls-item.is-out{opacity:.55}
.dls-img{width:var(--dls-img);height:var(--dls-img);flex:0 0 var(--dls-img);border-radius:10px;object-fit:cover;background:var(--dls-hover)}
.dls-txt{display:grid;gap:3px;min-width:0;padding-top:4px}
.dls-name{font-size:14px;line-height:1.35;font-weight:600}
.dls-price{font-size:13px;color:var(--dls-muted)}
.dls-price .woocommerce-Price-amount{color:var(--dls-text);font-weight:600}
.dls-price del{opacity:.6;margin-right:6px}
.dls-all{display:block;text-align:center;padding:11px 10px 6px;margin-top:4px;border-top:1px solid var(--dls-line);font-size:13px;font-weight:600;color:var(--dls-text);text-decoration:none}
.dls-all:hover{color:var(--dls-accent)}
.dls-none{padding:14px 10px;font-size:14px;color:var(--dls-muted);text-align:center}
.dls.dls-inline{position:static;margin-top:8px;box-shadow:var(--dls-shadow-sm);max-height:60vh;overflow:auto}
.dls-form{position:relative;max-width:460px}
.dls-form input[type=search]{width:100%;height:46px;border:1.5px solid var(--dls-line);background:var(--dls-bg);border-radius:999px;padding:0 50px 0 20px;font:inherit;font-size:14px;color:var(--dls-text);outline:none}
.dls-form input[type=search]:focus{border-color:var(--dls-accent)}
.dls-form button{position:absolute;right:6px;top:6px;width:34px;height:34px;border:0;background:var(--dls-hover);border-radius:50%;cursor:pointer;display:grid;place-items:center;color:var(--dls-text)}