/* Lišta doručenia v2 – Bio-racio-dia (23. 10. 2026)
   Nahrádza doplnok „Doby doručení v horní liště“.
   Miesto pre lištu je rezervované už pri prvom vykreslení stránky, takže obsah pod ňou neposkočí.
   Texty sa menia v Záhlaví (window.BRD_LISTA), nie tu. */

/* 1) rezervované miesto – kým sa načíta skript, je tu tmavý pásik presne v rovnakej výške */
.overall-wrapper::before{content:"";display:block;height:36px;background:#1F3D29}
html.brdl-on .overall-wrapper::before,html.brdl-x .overall-wrapper::before{content:none;display:none}

/* 2) lišta */
.brdl,.brdl *,.brdl-pan,.brdl-pan *{box-sizing:border-box}
.brdl [hidden],.brdl-pan [hidden]{display:none!important}
.brdl{position:relative;height:36px;margin:0;padding:0;background:#1F3D29;color:#fff;font-family:Roboto,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1;letter-spacing:normal;text-transform:none;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.brdl svg,.brdl-pan svg{display:block;flex:none}
.brdl svg,.brdl svg *,.brdl-pan svg,.brdl-pan svg *{fill:none;stroke:currentColor}
.brdl-wait .brdl-l,.brdl-wait .brdl-r,.brdl-wait .brdl-m>*{visibility:hidden}
.brdl-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:36px;margin:0 auto;padding:0 20px;overflow:hidden;white-space:nowrap}
@media (min-width:768px){.brdl-in{width:747px}}
@media (min-width:992px){.brdl-in{width:972px}}
@media (min-width:1200px){.brdl-in{width:1178px}}
@media (min-width:1440px){.brdl-in{width:1418px}}
.brdl-l{display:flex;align-items:center;align-self:stretch;gap:10px;flex:0 1 auto;min-width:0}
.brdl-meas .brdl-l{flex:none}
.brdl-msg{min-width:0;overflow:hidden;text-overflow:ellipsis}
.brdl-in b,.brdl-m b{font-weight:700;color:#fff;font-size:inherit;font-style:normal;letter-spacing:inherit;text-transform:none}
.brdl-chip{flex:none;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:12px;line-height:1;font-variant-numeric:tabular-nums}
.brdl-r{display:flex;align-items:center;gap:16px;flex:none;height:100%;color:#CFE3D5}
.brdl-it{display:inline-flex;align-items:center;gap:6px}
.brdl-it svg{width:16px;height:16px}
.brdl .brdl-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;height:24px;margin:0;padding:0 8px 0 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:#fff;font:700 12px/1 Roboto,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.brdl .brdl-btn:hover,.brdl .brdl-btn[aria-expanded="true"]{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6)}
.brdl .brdl-btn svg{width:14px;height:14px;transition:transform .2s ease}
.brdl .brdl-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.brdl .brdl-btn::before,.brdl .brdl-btn::after,.brdl .brdl-m::before,.brdl .brdl-m::after,html body .brdl-px::before,html body .brdl-px::after,html body .brdl-bg::before,html body .brdl-bg::after{content:none!important;display:none!important}
/* rámik pri ovládaní klávesnicou; staršie prehliadače bez :focus-visible ho ukážu vždy pri fokuse */
.brdl .brdl-btn:focus{outline:2px solid #6EE08A;outline-offset:2px}

/* pulzujúca bodka (len transform/opacity – nič sa neposúva) */
.brdl-dot{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:#6EE08A}
.brdl-dot::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:inherit;opacity:0;animation:brdl-pulse 2s ease-out 6}
.brdl.is-oz .brdl-l .brdl-dot,.brdl-dot.is-oz{background:#F5C451}
@keyframes brdl-pulse{0%{transform:scale(1);opacity:.65}70%,100%{transform:scale(2.6);opacity:0}}

/* 3) mobil – lišta pod hlavičkou, texty sa striedajú */
.brdl .brdl-m{all:unset;box-sizing:border-box;display:none;align-items:center;gap:8px;width:100%;height:34px;margin:0;padding:0 10px 0 8px;background:#1F3D29;color:#fff;font:400 13px/1 Roboto,Arial,sans-serif;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.brdl .brdl-m:focus{outline:2px solid #6EE08A;outline-offset:-3px}
.brdl .brdl-btn:focus:not(:focus-visible),.brdl .brdl-m:focus:not(:focus-visible){outline:none}
.brdl-m>svg{width:18px;height:18px}
.brdl-tk{position:relative;flex:1 1 auto;min-width:0;height:34px;overflow:hidden}
.brdl-ti{position:absolute;top:0;right:0;left:0;height:34px;display:flex;align-items:center;gap:8px;padding-left:6px;white-space:nowrap;opacity:0;transform:translateY(100%);transition:opacity .35s ease,transform .35s ease}
.brdl-ti.is-cur{opacity:1;transform:none}
.brdl-ti.is-prev{transform:translateY(-100%)}
.brdl-ti .brdl-dot{margin:0 2px}
.brdl-ti svg{width:16px;height:16px;color:#CFE3D5}
.brdl-tt{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#fff}
.brdl-a{color:#CFE3D5}
@media (max-width:767px){
  .overall-wrapper::before{height:34px}
  .brdl{height:34px}
  .brdl-in{display:none}
  .brdl .brdl-m{display:flex}
}

/* 4) okno „Detail“ (PC) a panel zospodu (mobil) */
.brdl-pan{color:#1F1F1F;font-family:Roboto,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.35;letter-spacing:normal;text-transform:none;text-align:left;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.brdl-pan b{font-weight:700;color:inherit;font-size:inherit;font-style:normal;letter-spacing:inherit;text-transform:none}
.brdl-pop{position:absolute;top:44px;right:0;z-index:2147482990;display:flex;flex-direction:column;gap:12px;width:360px;max-width:calc(100vw - 16px);padding:16px;background:#fff;border:1px solid #E5E7EB;border-radius:14px;box-shadow:0 14px 34px rgba(16,44,23,.18);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.brdl-pop.open{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease}
.brdl-pop:focus,.brdl-sh:focus{outline:none}
html body .brdl-bg{all:unset;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482999;display:block;background:rgba(17,24,39,.45);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}
html body .brdl-bg.open{opacity:1;visibility:visible;transition:opacity .25s ease}
.brdl-sh{position:fixed;right:0;bottom:0;left:0;z-index:2147483000;display:flex;flex-direction:column;gap:12px;max-height:calc(100% - 82px);overflow-y:auto;overscroll-behavior:contain;padding:8px 16px calc(20px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -8px 28px rgba(16,44,23,.16);transform:translateY(100%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s}
.brdl-sh.open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.brdl-sh.brdl-drag{transition:none;-webkit-user-select:none;user-select:none}
html.brdl-lock,html.brdl-lock body{overflow:hidden!important}

.brdl-ph{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px}
.brdl-sh .brdl-ph{padding-top:12px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}
.brdl-grab{position:absolute;top:0;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#D1D5DB;pointer-events:none}
.brdl-pt{margin:0;font-family:Nunito,Roboto,Arial,sans-serif;font-size:17px;font-weight:800;line-height:1.2;color:#1F1F1F}
.brdl-sh .brdl-pt{font-size:19px}
html body .brdl-px{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;margin:-6px -8px -6px 0;border-radius:8px;color:#1F3D29;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body .brdl-px:hover{background:#F3F8F4}
html body .brdl-px:focus,.brdl-pan .brdl-lnk:focus{outline:2px solid #1D662C;outline-offset:2px}
html body .brdl-px:focus:not(:focus-visible),.brdl-pan .brdl-lnk:focus:not(:focus-visible){outline:none}
.brdl-px svg{width:18px;height:18px}
html body .brdl-sh .brdl-px{width:44px;height:44px;margin:-10px -12px -10px 0;border-radius:12px}
.brdl-sh .brdl-px svg{width:22px;height:22px}
.brdl-oz,.brdl-box{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;font-size:13px}
.brdl-oz{background:#FFF6DB;color:#5B4300}
.brdl-box{background:#EEF6F0;color:#1F3D29}
.brdl-oz svg,.brdl-box svg{width:18px;height:18px;margin-top:1px}
.brdl-oz svg{color:#B7791F}
.brdl-box svg{color:#1D662C}
.brdl-oz b{font-weight:700;color:inherit}
.brdl-bt{display:flex;flex-direction:column;gap:3px}
.brdl-bt span,.brdl-oz span{text-wrap:pretty}
.brdl-bt b{font-weight:700;color:#1D662C}
.brdl-sh .brdl-oz,.brdl-sh .brdl-box{padding:12px;border-radius:12px;font-size:14px}
.brdl-sh .brdl-oz svg,.brdl-sh .brdl-box svg{width:20px;height:20px}
.brdl-pan .brdl-rows{display:flex;flex-direction:column;float:none;width:auto;margin:0;padding:0;border:0;background:none;list-style:none}
.brdl-pan .brdl-rows li{display:flex;align-items:center;gap:12px;position:static;float:none;width:auto;min-width:0;max-width:none;height:auto;margin:0;padding:9px 0;border:0;border-bottom:1px solid #EEF0F2;background:none;list-style:none;color:inherit;font-size:13px;font-weight:400;font-style:normal;line-height:1.35;letter-spacing:normal;text-transform:none;text-indent:0;text-align:left}
.brdl-pan .brdl-rows li:last-child{border-bottom:0}
.brdl-pan .brdl-rows li::before,.brdl-pan .brdl-rows li::after{content:none;display:none}
.brdl-sh .brdl-rows li{min-height:52px;padding:8px 0}
.brdl-ri{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;background:#F3F8F4;color:#1D662C}
.brdl-ri svg{width:17px;height:17px}
.brdl-sh .brdl-ri{width:36px;height:36px}
.brdl-sh .brdl-ri svg{width:18px;height:18px}
.brdl-rt{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
.brdl-rn{font-family:Nunito,Roboto,Arial,sans-serif;font-size:14px;font-weight:700;color:#1F1F1F}
.brdl-rd{font-size:12px;color:#6B7280}
.brdl-rc{flex:none;font-size:14px;font-weight:700;color:#1F3D29;white-space:nowrap}
.brdl-sh .brdl-rn,.brdl-sh .brdl-rc{font-size:15px}
.brdl-sh .brdl-rd{font-size:13px}
.brdl-pan .brdl-lnk{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:normal;text-transform:none;color:#1D662C;text-decoration:none}
.brdl-pan .brdl-lnk:hover{color:#123F1B;text-decoration:underline}
.brdl-lnk svg{width:14px;height:14px}
.brdl-sh .brdl-lnk{min-height:44px;font-size:14px}

@media (prefers-reduced-motion:reduce){
  .brdl-dot::after{display:none;animation:none}
  .brdl-ti,.brdl-pop,.brdl-sh,html body .brdl-bg,.brdl .brdl-btn,.brdl .brdl-btn svg{transition:none!important}
}
@media print{.overall-wrapper::before,.brdl,.brdl-sh,html body .brdl-bg{display:none!important}}