/* doprava-zdarma.css v1.2 (2026-11-11, na webu jako doprava-zdarma_2.css) – v1.1: řádek na detailu pod termínem doručení. Nasazeno 11. 11. Patří k doprava-zdarma.js. Barvy a písmo podle kosik-v2 a popup-kosik. */
:root{--dz-ink:#1d1d1f;--dz-mute:#6b6b70;--dz-teal:#01928d;--dz-teal-l:#e8f5f4;--dz-pink:#d90074;--dz-line:#ebe8e4;--dz-bg:#f7f5f2}

/* 1) horní lišta (Shoptet .site-msg.information) */
.dz-l{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap}
.dz-l1{font-weight:600}
.dz-l a{color:inherit!important;text-decoration:none}
.dz-sep{opacity:.6}
.dz-mob{display:none}
@media (max-width:991px){
  /* dnes je lišta na mobilu skrytá (style.css, styly.css) – zapneme ji jen pro akci, tenkou */
  body.dz-lista .site-msg.information{display:block!important;padding:7px 34px 7px 12px!important}
  body.dz-lista .site-msg.information .text{font-size:13px;line-height:18px}
  .dz-pc{display:none}
  .dz-mob{display:inline}
}
/* do 1279 px se obě zprávy nevejdou vedle sebe → střídají se po 5 s */
@media (max-width:1279px){
  .dz-sep{display:none}
  .dz-l{display:grid;overflow:hidden}
  .dz-l>span{grid-area:1/1;animation:dz-rot 10s infinite;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dz-l2{animation-delay:-5s!important;opacity:0}
  @media (prefers-reduced-motion:reduce){.dz-l>span{animation:none}.dz-l2{display:none}.dz-l1{opacity:1}}
}
@keyframes dz-rot{0%,45%{opacity:1;transform:none}50%,95%{opacity:0;transform:translateY(-6px)}100%{opacity:1}}

/* 2) košík – ukazatel */
.dz-box{font-family:Rubik,sans-serif;background:var(--dz-teal-l);border-radius:12px;padding:12px 14px;color:var(--dz-ink);font-size:14px;line-height:1.35}
.dz-box .dz-t b{font-weight:700;color:var(--dz-teal)}
.dz-box small{display:block;color:var(--dz-mute);font-size:12px;margin-top:6px}
.dz-bar{height:6px;background:#fff;border-radius:6px;margin-top:8px;overflow:hidden}
.dz-bar i{display:block;height:100%;background:var(--dz-teal);border-radius:6px;transition:width .6s ease}
.dz-ok{display:flex;gap:10px;align-items:flex-start}
.dz-ok b{font-weight:600}
.dz-ic{flex:0 0 22px;height:22px;border-radius:50%;background:var(--dz-teal);color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.dz-k-pc{margin:0 0 14px}
.dz-k-mob{margin:16px 0 4px}
@media (min-width:992px){.dz-k-mob .dz-box{display:none}}
@media (max-width:991px){.dz-k-pc{display:none}}

/* doporučené doplňky (košík + okno po přidání) */
.dz-doporuc{margin-top:12px}
.dz-dh{font:600 14px Rubik,sans-serif;margin:0 0 8px;color:var(--dz-ink)}
.dz-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dz-pop .dz-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.dz-card{background:#fff;border:1px solid var(--dz-line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;font:13px/1.3 Rubik,sans-serif}
.dz-card a{color:var(--dz-ink);text-decoration:none}
.dz-card img{width:100%;height:96px;object-fit:contain;border-radius:8px;background:var(--dz-bg)}
.dz-pop .dz-card img{height:80px}
.dz-card b{display:block;font-weight:500;margin-top:4px;min-height:34px}
.dz-card span{font-weight:700}
.dz-add{margin-top:auto;border:1px solid var(--dz-teal);color:var(--dz-teal)!important;background:#fff;border-radius:999px;padding:5px 10px;font:600 12px Rubik,sans-serif;text-align:center;cursor:pointer}
.dz-add:hover{background:var(--dz-teal);color:#fff!important}
@media (max-width:767px){
  .dz-cards,.dz-pop .dz-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:42%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
  .dz-card{scroll-snap-align:start}
}

/* 3) okno „Přidáno do košíku“ */
.dz-pop{margin:4px auto 14px;max-width:480px;text-align:left}

/* 4) detail produktu */
.p-info-wrapper>.dz-det{order:5!important} /* v1.2 (!important jako u .dsb-infodate, jinak vyhraje produkt.css order:50); v1.1: stejné pořadí jako termín doručení (dsb-infodate), jinak skončí pod tlačítky */
.dz-det{display:flex;gap:8px;align-items:center;margin:6px 0 2px;font:13px/1.35 Rubik,sans-serif;color:var(--dz-ink)}
.dz-det .dz-ic{flex-basis:18px;height:18px;font-size:10px}

/* 5) stránka Doprava a platba – box „Aktuální akce“ (v obsahu stránky, třída dz-akce) */
.dz-akce{font-family:Rubik,sans-serif;border:1px solid #bfe3e1;background:var(--dz-teal-l);border-radius:14px;padding:16px 18px;margin:18px 0 22px;font-size:15px;line-height:1.55;color:var(--dz-ink);max-width:760px}
.dz-akce p{margin:0}
.dz-akce .dz-akce-k{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--dz-teal);margin-bottom:4px}
.dz-akce small{display:block;color:var(--dz-mute);font-size:12.5px;margin-top:6px}