/* ============================================================
   Cendra Media Live Search
   Štýlovateľné cez --ms-* premenné (Elementor kontrolky).
   ============================================================ */
.cendra-search{
  --ms-green:#05692d; --ms-green-700:#055a28; --ms-green-900:#033418;
  --ms-gold:#ffb005; --ms-cream:#faf7f0; --ms-cream-2:#f4eede;
  --ms-ink:#1d2a20; --ms-muted:#737b6f; --ms-line:#e8e1d2; --ms-line-soft:#f0ebdf; --ms-paper:#fff;

  --ms-field-bg:var(--ms-cream-2);
  --ms-field-bg-focus:#fff;
  --ms-field-text:var(--ms-ink);
  --ms-field-placeholder:var(--ms-muted);
  --ms-field-icon:var(--ms-green);
  --ms-field-border-focus:var(--ms-green);
  --ms-field-radius:999px;
  --ms-btn-bg:var(--ms-green);
  --ms-btn-bg-hover:var(--ms-green-700);
  --ms-btn-text:#fff;
  --ms-panel-bg:#fff;
  --ms-accent:var(--ms-gold);
  --ms-result-title:var(--ms-ink);
  --ms-result-price:var(--ms-green);
  --ms-add-bg:var(--ms-green);

  position:relative;
  width:100%;
  max-width:760px;
  margin:var(--ms-wrapper-margin,0 auto);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.cendra-search *,.cendra-msearch *,.cendra-toast *{box-sizing:border-box;}

/* ---- Pole ---- */
.cendra-search-input-wrap{
  display:flex;align-items:center;gap:10px;background:var(--ms-field-bg);
  border:1.5px solid transparent;border-radius:var(--ms-field-radius);
  padding:var(--ms-field-pad-v,7px) 8px var(--ms-field-pad-v,7px) 18px;transition:border-color .2s,background .2s,box-shadow .2s;
}
.cendra-search.open .cendra-search-input-wrap,
.cendra-search-input-wrap:focus-within{
  background:var(--ms-field-bg-focus);border-color:var(--ms-field-border-focus);
  box-shadow:0 6px 22px rgba(5,105,45,.10);
}
.cendra-search-icon{width:19px;height:19px;color:var(--ms-field-icon);flex-shrink:0;}
.cendra-search-input{
  border:none;background:none;outline:none;flex:1;min-width:0;
  font-size:14.5px;color:var(--ms-field-text);
  appearance:none;-webkit-appearance:none;
}
.cendra-search-input::-webkit-search-decoration,
.cendra-search-input::-webkit-search-cancel-button{-webkit-appearance:none;}
.cendra-search-input::placeholder{color:var(--ms-field-placeholder);opacity:1;}
.cendra-search-go{
  display:inline-flex;align-items:center;background:var(--ms-btn-bg);color:var(--ms-btn-text);
  font-weight:700;font-size:13.5px;padding:var(--ms-btn-padding,9px 17px);border:none;border-radius:999px;flex-shrink:0;cursor:pointer;
  transition:background .15s,transform .15s;
}
.cendra-search-go:hover{background:var(--ms-btn-bg-hover);transform:translateY(-1px);}

/* ---- Dropdown panel ---- */
.cendra-search-panel{
  position:absolute;top:calc(100% + 12px);left:0;background:var(--ms-panel-bg);border-radius:18px;
  box-shadow:0 20px 50px rgba(20,40,25,.12),0 6px 16px rgba(20,40,25,.06);
  border:1px solid var(--ms-line-soft);overflow:hidden;opacity:0;visibility:hidden;
  transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s;
  z-index:70;width:600px;max-width:92vw;
}
.cendra-search.open .cendra-search-panel{opacity:1;visibility:visible;transform:translateY(0);}
.cendra-search-tabs{display:flex;gap:4px;padding:14px 16px 0;border-bottom:1px solid var(--ms-line-soft);flex-wrap:wrap;}
.cendra-search-tab{
  font-size:13px;font-weight:700;color:var(--ms-muted);padding:9px 14px;border:none;background:none;cursor:pointer;
  border-radius:9px 9px 0 0;border-bottom:2.5px solid transparent;transition:color .15s,border-color .15s;
}
.cendra-search-tab .cnt{font-size:11px;opacity:.7;margin-left:5px;}
.cendra-search-tab.active{color:var(--ms-green);border-color:var(--ms-accent);}
.cendra-search-tab:hover{color:var(--ms-ink);}
.cendra-search-body{max-height:60vh;overflow-y:auto;padding:10px;}
.cendra-search-group-label{
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ms-muted);padding:12px 12px 8px;
}

/* ---- Label „Odporúčame" (initial stav) ---- */
.cendra-search-suggested-label{
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ms-green);padding:14px 12px 6px;display:flex;align-items:center;gap:6px;
}
.cendra-search-suggested-label::after{
  content:'';flex:1;height:1px;background:var(--ms-line-soft);
}

/* ---- Výsledky ---- */
.cendra-s-result{
  display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;
  transition:background .12s;cursor:pointer;text-decoration:none;color:inherit;
}
.cendra-s-result:hover{background:var(--ms-cream-2);}
.cendra-s-thumb{
  width:54px;height:54px;border-radius:11px;flex-shrink:0;overflow:hidden;background:var(--ms-cream-2);
  display:grid;place-items:center;border:1px solid var(--ms-line-soft);
}
.cendra-s-thumb img{width:100%;height:100%;object-fit:cover;}
.cendra-s-thumb svg{width:22px;height:22px;color:var(--ms-green);}
.cendra-s-info{flex:1;min-width:0;}
.cendra-s-info .t{font-size:14.5px;font-weight:700;color:var(--ms-result-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cendra-s-info .m{font-size:12.5px;color:var(--ms-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cendra-s-info .t mark{background:rgba(255,176,5,.34);color:inherit;padding:0 1px;border-radius:3px;}
.cendra-s-price{font-size:15px;font-weight:800;color:var(--ms-result-price);white-space:nowrap;}
.cendra-s-price del{font-weight:600;opacity:.6;font-size:12.5px;margin-right:4px;}
.cendra-s-price ins{text-decoration:none;}
.cendra-s-add{
  width:38px;height:38px;border-radius:10px;background:var(--ms-add-bg);color:#fff;border:none;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  padding:0;line-height:1;
  transition:background .15s,transform .15s;
}
.cendra-s-add:hover{background:var(--ms-gold);color:#3a2600;transform:scale(1.06);}
.cendra-s-add:disabled{opacity:.45;cursor:not-allowed;}
.cendra-s-add.is-loading{pointer-events:none;opacity:.6;}
.cendra-s-add svg{width:17px;height:17px;display:block;flex-shrink:0;}
.cendra-s-cat{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none;color:var(--ms-ink);}
.cendra-s-cat:hover{background:var(--ms-cream-2);}
.cendra-s-cat .dot{width:9px;height:9px;border-radius:50%;background:var(--ms-gold);flex-shrink:0;}
.cendra-s-cat mark{background:rgba(255,176,5,.34);color:inherit;padding:0 1px;border-radius:3px;}
.cendra-s-empty{padding:34px 16px;text-align:center;color:var(--ms-muted);font-size:14px;line-height:1.5;}
.cendra-s-loading{padding:28px 16px;text-align:center;color:var(--ms-muted);font-size:13.5px;}

/* ---- Populárne ---- */
.cendra-popular{padding:14px 16px;border-top:1px solid var(--ms-line-soft);background:var(--ms-cream);}
.cendra-popular-lbl{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ms-muted);margin-bottom:10px;}
.cendra-popular-chips{display:flex;flex-wrap:wrap;gap:8px;}
.cendra-chip{
  font-size:13px;font-weight:600;color:#3a4a3e;background:#fff;border:1px solid var(--ms-line);
  padding:7px 14px;border-radius:999px;cursor:pointer;transition:.15s;
}
.cendra-chip:hover{border-color:var(--ms-green);color:var(--ms-green);background:var(--ms-cream-2);}

/* ============================================================
   Mobilný fullscreen overlay
   ============================================================ */
.cendra-msearch{
  position:fixed;inset:0;z-index:100000;background:var(--ms-cream,#faf7f0);transform:translateY(-100%);
  transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;visibility:hidden;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.cendra-msearch.open{transform:translateY(0);visibility:visible;}
.cendra-msearch-head{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--ms-line,#e8e1d2);background:#fff;}
.cendra-msearch-head .cendra-search-input-wrap{flex:1;background:var(--ms-cream-2,#f4eede);}
.cendra-msearch-close{
  flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:var(--ms-cream-2,#f4eede);color:var(--ms-green,#05692d);
  transition:background .15s,color .15s;
}
.cendra-msearch-close:hover{background:var(--ms-green,#05692d);color:#fff;}
.cendra-msearch-close svg{width:22px;height:22px;display:block;}
.cendra-msearch-body{flex:1;overflow-y:auto;}
.cendra-msearch-body .cendra-search-tabs{background:#fff;}

.cendra-msearch-trigger{display:none;}

/* ============================================================
   Toast
   ============================================================ */
.cendra-toast{
  position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(120px);z-index:120000;
  background:var(--ms-green-900,#033418);color:#fff;padding:15px 24px;border-radius:14px;
  box-shadow:0 20px 50px rgba(20,40,25,.2);display:flex;align-items:center;gap:12px;font-weight:600;font-size:14.5px;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;max-width:calc(100vw - 32px);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.cendra-toast.show{transform:translateX(-50%) translateY(0);}
.cendra-toast svg{width:20px;height:20px;color:var(--ms-gold,#ffb005);flex-shrink:0;}

.cendra-cart-count{display:none;}
.cendra-cart-count.show{display:inline-grid;}

/* ---- Kríž pre zatvorenie panela (skrytý na desktope) ---- */
.cendra-panel-close{display:none;}

/* ============================================================
   Responsive
   ============================================================ */
@media(max-width:720px){
  .cendra-search-panel{width:92vw;}
  .cendra-panel-close{
    display:inline-flex;align-items:center;justify-content:center;
    position:absolute;top:10px;right:10px;
    width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;
    background:var(--ms-cream-2,#f4eede);color:var(--ms-green,#05692d);
    transition:background .15s,color .15s;z-index:2;
  }
  .cendra-panel-close:hover{background:var(--ms-green,#05692d);color:#fff;}
  .cendra-panel-close svg{width:18px;height:18px;display:block;}
}
@media(prefers-reduced-motion:reduce){
  .cendra-search-panel,.cendra-msearch,.cendra-toast,.cendra-search-go,.cendra-s-add{transition:none;}
}