/* =========================================================
   VÍKENDOVÁ ČASOVÁ AKCE — styl banneru (v7)
   E-shop: vercajk-shop.cz (šablona Tomáš Hlad)
   v7: menší banner + skryté duplicitní −12 % + pulzování ceny (jen při akci).
   ========================================================= */

:root{
  --vs-green:#2f7a3c; --vs-red:#cc0000; --vs-gold:#FFC107;
  --vs-orange:#e8491d; --vs-night:#14161c; --vs-night2:#20242d; --vs-line:#333b48;
}

/* banner = plná šířka, horní část cenového boxu */
html body .price-line > .vs-akce{
  grid-column:1 / -1 !important;
  flex:1 1 100% !important;
  width:100% !important; max-width:100% !important;
  order:-1 !important; box-sizing:border-box !important;
  margin:0 0 10px 0 !important;
}
html body .vs-akce{
  border-radius:11px !important; overflow:hidden !important; background:#fff !important;
  box-shadow:0 3px 10px rgba(0,0,0,.07) !important;
}

/* === DESKTOP grid (od 992 px): banner do vlastního horního řádku === */
@media (min-width: 992px){
  html body .product-detail .price-line > .vs-akce,
  html body .p-detail .price-line > .vs-akce{ grid-row:1 !important; grid-column:1 / -1 !important; }
  html body .product-detail .price-line .price-standard,
  html body .p-detail .price-line .price-standard{ grid-row:2 !important; }
  html body .product-detail .price-line .price-save,
  html body .p-detail .price-line .price-save{ grid-row:2 !important; }
  html body .product-detail .price-line .price-final,
  html body .p-detail .price-line .price-final{ grid-row:3 !important; }
  html body .product-detail .price-line > .add-to-cart,
  html body .p-detail .price-line > .add-to-cart{ grid-row:3 !important; }
  html body .product-detail .price-line > .availability-value,
  html body .p-detail .price-line > .availability-value{ grid-row:4 !important; }
}

/* hlavička (menší) */
html body .vs-akce .vs-akce-head{
  display:flex !important; align-items:center !important; gap:8px !important;
  padding:8px 12px !important; color:#fff !important;
  background:linear-gradient(160deg,var(--vs-night),var(--vs-night2)) !important;
}
html body .vs-akce .vs-akce-ic{ font-size:16px !important; }
html body .vs-akce .vs-akce-txt b{
  font-size:13px !important; font-weight:800 !important; letter-spacing:.03em !important;
  display:flex !important; align-items:center !important; gap:7px !important; color:#fff !important;
}
html body .vs-akce .vs-dot{
  width:7px !important; height:7px !important; border-radius:50% !important; display:inline-block !important;
  background:#e8491d !important; animation:vsBlink 1.1s infinite !important;
}
@keyframes vsBlink{ 50%{ opacity:.2 } }
html body .vs-akce .vs-akce-txt span{
  display:block !important; font-size:10px !important; color:#aeb4c0 !important; margin-top:2px !important;
}

/* odpočet (menší) */
html body .vs-akce .vs-akce-cd{
  background:linear-gradient(160deg,var(--vs-night2),var(--vs-night)) !important;
  padding:2px 10px 9px !important; color:#fff !important;
}
html body .vs-akce .vs-cap{
  font-size:9.5px !important; letter-spacing:.05em !important; text-transform:uppercase !important;
  color:var(--vs-gold) !important; font-weight:700 !important; text-align:center !important; margin-bottom:5px !important;
}
html body .vs-akce .vs-cells{
  display:flex !important; justify-content:center !important; gap:4px !important; width:100% !important;
}
html body .vs-akce .vs-cell{
  flex:1 1 0 !important; min-width:0 !important; max-width:70px !important;
  background:#0a0c10 !important; border:1px solid var(--vs-line) !important; border-radius:7px !important;
  padding:5px 2px 4px !important; text-align:center !important;
}
html body .vs-akce .vs-num{
  font-size:19px !important; font-weight:800 !important; color:var(--vs-gold) !important;
  line-height:1 !important; font-variant-numeric:tabular-nums !important;
}
html body .vs-akce .vs-unit{
  font-size:7.5px !important; color:#8a909c !important; text-transform:uppercase !important;
  letter-spacing:.03em !important; margin-top:3px !important;
}
html body .vs-akce .vs-sep{
  align-self:center !important; font-size:14px !important; font-weight:800 !important;
  color:#454c59 !important; margin-top:-3px !important;
}

/* sleva v Kč (menší) — duplicitní −12 % skryté */
html body .vs-akce .vs-akce-save{
  display:flex !important; align-items:center !important; gap:8px !important;
  flex-wrap:wrap !important; padding:8px 12px !important; background:#fff6df !important;
}
html body .vs-akce .vs-save-pill{
  background:#e8491d !important; color:#ffffff !important; font-weight:800 !important;
  font-size:14px !important; padding:6px 12px !important; border-radius:8px !important;
  box-shadow:0 2px 0 #b3350f !important; text-shadow:0 1px 1px rgba(0,0,0,.25) !important;
  line-height:1.1 !important;
}
html body .vs-akce .vs-save-pct{ display:none !important; }   /* skryto: −12 % je už u přeškrtnuté ceny */

/* === PULZOVÁNÍ reálné ceny — jen když na produktu běží akce (je vložen banner) === */
@keyframes vsPrice{ 0%,100%{ transform:scale(1) } 50%{ transform:scale(1.045) } }
html body .price-line:has(> .vs-akce) .price-final{
  display:inline-block !important;
  transform-origin:left center !important;
  animation:vsPrice 2.6s ease-in-out infinite !important;
}