/* ALRE – horní lišta v1. Vylepšuje #alre-darky (ten zůstává v administraci beze
   změny jako základ/záloha, kdyby se tento soubor či JS nenačetly). */

#alre-darky,#alre-darky *{box-sizing:border-box}
#alre-darky{position:relative;z-index:0;clear:both;width:100%;margin:0;border-bottom:1px solid #e9e4ef;background:#f7f5fa;color:#655a72;font:400 12px/1.35 "Source Sans 3",Arial,sans-serif}
#alre-darky>div{max-width:1180px;margin:auto}

/* Stav beze změny JS (fallback): tři položky vedle sebe, jako dosud. */
#alre-darky>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#alre-darky .ag-item{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:36px;padding:8px 12px;color:inherit;text-decoration:none}
#alre-darky .ag-item+.ag-item{border-left:1px solid #e5dfec}
#alre-darky .ag-item:hover{color:#6d28d9;background:#f0ebf7}
#alre-darky .ag-item:focus-visible{outline:2px solid #6d28d9;outline-offset:-3px}
#alre-darky svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#857193;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#alre-darky strong{color:#51415f;font-weight:600}
@media(max-width:767px){
  #alre-darky>div{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
  #alre-darky .ag-item{gap:5px;min-height:36px;padding:7px 6px;font-size:11px}
  #alre-darky .ag-loyalty{display:none}
  #alre-darky svg{width:16px;height:16px;flex-basis:16px}
  #alre-darky .ag-place{display:none}
}

/* Stav po vylepšení JS (alre-horni-lista.js): jedna rotující zpráva + tečky. */
#alre-darky.alre-bar-v1>div{display:block;position:relative;padding:0 46px}
#alre-darky .ag-track{position:relative;min-height:36px}
#alre-darky .ag-slide{display:flex;align-items:center;justify-content:center;gap:8px;position:absolute;inset:0;min-height:36px;padding:8px 4px;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease,visibility .35s;color:inherit;text-decoration:none;text-align:center}
#alre-darky .ag-slide.is-active{position:relative;opacity:1;visibility:visible;transform:none}
#alre-darky a.ag-slide:hover{color:#6d28d9}
#alre-darky .ag-slide:focus-visible{outline:2px solid #6d28d9;outline-offset:-2px;border-radius:4px}
#alre-darky .ag-slide svg{width:18px;height:18px;flex:0 0 18px}

#alre-darky .ag-dots{position:absolute;top:50%;right:10px;left:auto;display:flex;align-items:center;gap:5px;transform:translateY(-50%)}
#alre-darky .ag-dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#d8cfe3;cursor:pointer;transition:background .2s,transform .2s}
#alre-darky .ag-dot:hover{background:#b9a3dc}
#alre-darky .ag-dot.is-active{background:#6d28d9;transform:scale(1.3)}
#alre-darky .ag-dot:focus-visible{outline:2px solid #6d28d9;outline-offset:2px}

#alre-darky .ag-shipping strong{color:#2f9e5b}
#alre-darky .ag-cutoff strong{color:#6d28d9}

@media(max-width:767px){
  #alre-darky.alre-bar-v1>div{padding:0 34px}
  #alre-darky.alre-bar-v1 .ag-slide{padding:7px 4px;font-size:11px;gap:5px}
  #alre-darky.alre-bar-v1 .ag-dots{right:6px;gap:4px}
  #alre-darky.alre-bar-v1 .ag-dot{width:5px;height:5px}
}
@media(prefers-reduced-motion:reduce){
  #alre-darky .ag-slide{transition:none}
}

/* Checkout kroky 2/3 lištu nadále skrývají – viz pravidlo v alre-kosik-checkout.css. */