/* =========================================================
   Fazonetka – podzimní slevová lišta (PODZIM26), v2 – varianta č. 3
   Černá lišta, žlutých 30 %, žlutý kód, oranžové tlačítko, realistické lístky vpravo.
   Kde: pod šedou horní lištou (Jak nakupovat, Doprava…), nad logem.
   Počítač a tablet (od 768 px): pod šedou lištou, odroluje s hlavičkou.
   Mobil (do 767 px): dvouřádková pod logem, nad vyhledáváním; při posouvání
   dolů se schová logo a vyhledávání, lišta zůstane přilepená nahoře.
   Vypnutí: smazat 2 řádky fazonetka-podzimni-lista-v2 v Záhlaví
   (po 1. 11. 2026 se lišta schová sama).
   Barvy: pozadí #101114, žlutá #FFBF22, oranžová tlačítek #F68E5F.
   ========================================================= */

@media (min-width: 768px) {

  /* Místo pro lištu se rezervuje hned při načtení (tmavý pruh),
     aby obsah pod ní neposkočil, až se doplní text. */
  html.fz-akce-on .top-navigation-bar {
    padding-bottom: 40px;
    background: linear-gradient(#f6f6f6 0, #f6f6f6 calc(100% - 40px), #101114 calc(100% - 40px));
    border-bottom: 0;
  }

  .fz-akce-lista {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    height: 40px;
    margin-top: -40px;          /* sedne přesně do rezervovaného pruhu */
    padding: 0 20px;
    background: #101114;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
  }

  /* Podzimní lístky – jen vpravo, nepřekáží klikání */
  .fz-akce-lista::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 80'%3E%3Cdefs%3E%3Cfilter id='tex' x='-20%' y='-20%' width='140%' height='140%'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.09' numOctaves='3' seed='3' result='n'/%3E%3CfeColorMatrix in='n' type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 -.18' result='spots'/%3E%3CfeComposite in='spots' in2='SourceGraphic' operator='in' result='s2'/%3E%3CfeBlend in='SourceGraphic' in2='s2' mode='multiply' result='b'/%3E%3CfeDropShadow dx='1.5' dy='2' stdDeviation='1.6' flood-color='%23000' flood-opacity='.55'/%3E%3C/filter%3E%3Cpath id='t' d='M50 3 L50.2 10 L53 11.1 L52.6 16.3 L55.3 17.4 L57 22 L59.6 18.1 L62.4 19.1 L63.2 16.1 L66 17.1 L68 16 L66.5 22.8 L68.9 24.6 L67.1 29.4 L69.5 31.2 L70 36 L73.3 30.9 L76.2 31.5 L78 27.6 L80.9 28.2 L84 26 L81.5 32.5 L83.6 34.6 L81.1 39.1 L83.2 41.2 L83 46 L87 42.6 L89.5 44.1 L91.6 41.2 L94.2 42.8 L97 42 L89.9 45.3 L89.9 48.3 L84.3 50.3 L84.3 53.2 L80 57 L83.4 55.9 L84.5 58.7 L86.1 56.9 L87.2 59.7 L88 60 L78.6 58.5 L76.8 60.8 L69.4 59.1 L67.5 61.5 L60 62 L62.9 61.8 L62.7 64.7 L64.2 63.1 L64.1 66.1 L64 66 L59.3 65.2 L58.1 68 L55.4 66.6 L54.2 69.3 L52 70 L52.9 72.2 L49.9 72.1 L52.2 72.9 L49.3 72.7 L50 72 L50.9 69.8 L47.9 69.9 L50.2 69.1 L47.3 69.3 L48 70 L43.3 70.8 L42.1 68 L39.4 69.4 L38.2 66.7 L36 66 L38.9 66.2 L38.7 63.3 L40.2 64.9 L40.1 61.9 L40 62 L30.6 63.5 L28.8 61.2 L21.4 62.9 L19.5 60.5 L12 60 L15.4 61.1 L16.5 58.3 L18.1 60.1 L19.2 57.3 L20 57 L12.9 53.7 L12.9 50.7 L7.3 48.7 L7.3 45.8 L3 42 L7 45.4 L9.5 43.9 L11.6 46.8 L14.2 45.2 L17 46 L14.5 39.5 L16.6 37.4 L14.1 32.9 L16.2 30.8 L16 26 L19.3 31.1 L22.2 30.5 L24 34.4 L26.9 33.8 L30 36 L28.5 29.2 L30.9 27.4 L29.1 22.6 L31.5 20.8 L32 16 L34.6 19.9 L37.4 18.9 L38.2 21.9 L41 20.9 L43 22 L43.2 15 L46 13.9 L45.6 8.7 L48.3 7.6 Z'/%3E%3Cpath id='v' d='M50 66 Q49.3 35.5 50 5 M50 66 Q65.1 46.5 83 27 M50 66 Q73.1 54.0 95 42 M50 66 Q66.8 62.5 87 59 M50 66 Q33.6 46.5 17 27 M50 66 Q27.0 54.0 5 42 M50 66 Q29.7 62.5 13 59 ' fill='none' stroke-opacity='.55' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath id='s' d='M50 66Q51 80 54 97' fill='none' stroke-width='2.2' stroke-linecap='round'/%3E%3CradialGradient id='g0' cx='50%' cy='62%' r='62%'%3E%3Cstop offset='0' stop-color='%23FFE07A'/%3E%3Cstop offset='.55' stop-color='%23F2A516'/%3E%3Cstop offset='1' stop-color='%23B86A0A'/%3E%3C/radialGradient%3E%3Cg id='l0' filter='url(%23tex)'%3E%3Cuse href='%23t' fill='url(%23g0)' stroke='%23B86A0A' stroke-width='.8' stroke-linejoin='round'/%3E%3Cuse href='%23v' stroke='%23B86A0A'/%3E%3Cuse href='%23s' stroke='%23B86A0A'/%3E%3C/g%3E%3CradialGradient id='g1' cx='50%' cy='62%' r='62%'%3E%3Cstop offset='0' stop-color='%23FFC36B'/%3E%3Cstop offset='.55' stop-color='%23F07A22'/%3E%3Cstop offset='1' stop-color='%23A8400F'/%3E%3C/radialGradient%3E%3Cg id='l1' filter='url(%23tex)'%3E%3Cuse href='%23t' fill='url(%23g1)' stroke='%23A8400F' stroke-width='.8' stroke-linejoin='round'/%3E%3Cuse href='%23v' stroke='%23A8400F'/%3E%3Cuse href='%23s' stroke='%23A8400F'/%3E%3C/g%3E%3CradialGradient id='g2' cx='50%' cy='62%' r='62%'%3E%3Cstop offset='0' stop-color='%23FF9A55'/%3E%3Cstop offset='.55' stop-color='%23D9441C'/%3E%3Cstop offset='1' stop-color='%237E1A0C'/%3E%3C/radialGradient%3E%3Cg id='l2' filter='url(%23tex)'%3E%3Cuse href='%23t' fill='url(%23g2)' stroke='%237E1A0C' stroke-width='.8' stroke-linejoin='round'/%3E%3Cuse href='%23v' stroke='%237E1A0C'/%3E%3Cuse href='%23s' stroke='%237E1A0C'/%3E%3C/g%3E%3CradialGradient id='g3' cx='50%' cy='62%' r='62%'%3E%3Cstop offset='0' stop-color='%23F7B04A'/%3E%3Cstop offset='.55' stop-color='%23C8361A'/%3E%3Cstop offset='1' stop-color='%236E1408'/%3E%3C/radialGradient%3E%3Cg id='l3' filter='url(%23tex)'%3E%3Cuse href='%23t' fill='url(%23g3)' stroke='%236E1408' stroke-width='.8' stroke-linejoin='round'/%3E%3Cuse href='%23v' stroke='%236E1408'/%3E%3Cuse href='%23s' stroke='%236E1408'/%3E%3C/g%3E%3CradialGradient id='g4' cx='50%' cy='62%' r='62%'%3E%3Cstop offset='0' stop-color='%23FFD15C'/%3E%3Cstop offset='.55' stop-color='%23E8862A'/%3E%3Cstop offset='1' stop-color='%239A4A10'/%3E%3C/radialGradient%3E%3Cg id='l4' filter='url(%23tex)'%3E%3Cuse href='%23t' fill='url(%23g4)' stroke='%239A4A10' stroke-width='.8' stroke-linejoin='round'/%3E%3Cuse href='%23v' stroke='%239A4A10'/%3E%3Cuse href='%23s' stroke='%239A4A10'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23l0' transform='translate(150 30) rotate(25 17 17) scale(0.34)'/%3E%3Cuse href='%23l1' transform='translate(190 -2) rotate(-20 28 28) scale(0.56)'/%3E%3Cuse href='%23l2' transform='translate(240 26) rotate(35 25 25) scale(0.5)'/%3E%3Cuse href='%23l4' transform='translate(278 -18) rotate(10 34 34) scale(0.68)'/%3E%3Cuse href='%23l3' transform='translate(322 14) rotate(-35 31 31) scale(0.62)'/%3E%3Cuse href='%23l1' transform='translate(366 -14) rotate(20 36 36) scale(0.72)'/%3E%3Cuse href='%23l0' transform='translate(398 28) rotate(50 28 28) scale(0.56)'/%3E%3Cuse href='%23l2' transform='translate(436 -4) rotate(-15 37 37) scale(0.74)'/%3E%3Cuse href='%23l4' transform='translate(472 30) rotate(30 29 29) scale(0.58)'/%3E%3Cuse href='%23l3' transform='translate(492 -20) rotate(40 39 39) scale(0.78)'/%3E%3Cuse href='%23l1' transform='translate(516 20) rotate(-25 27 27) scale(0.54)'/%3E%3C/svg%3E") right center / 280px 40px no-repeat;
    pointer-events: none;
    z-index: 0;
  }

  /* Celá lišta je odkaz na PDF střihy (neviditelná plocha přes celou lištu) */
  .fz-akce-lista .fz-akce-odkaz {
    color: #fff;
    text-decoration: none;
  }
  .fz-akce-lista .fz-akce-odkaz::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
  }
  .fz-akce-lista:hover .fz-akce-odkaz { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

  .fz-akce-lista .fz-akce-30 {
    color: #FFBF22;
    font-size: 26px;
    font-weight: 900;
    vertical-align: -3px;
    margin: 0 2px;
  }

  .fz-akce-lista .fz-akce-oddelovac { opacity: .45; font-weight: 400; }

  .fz-akce-lista .fz-akce-kod { font-weight: 400; }
  .fz-akce-lista .fz-akce-kod strong { color: #FFBF22; font-weight: 800; letter-spacing: .5px; }

  /* Tlačítko kopírování – oranžové, leží nad odkazem, takže neproklikne lištu */
  .fz-akce-lista .fz-akce-kopirovat {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    margin: 0;
    padding: 0 12px;
    border: 0;
    border-radius: 6px;
    background: #F68E5F;
    color: #1F1F1F;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
  }
  .fz-akce-lista .fz-akce-kopirovat:hover { background: #F27A3F; }
  .fz-akce-lista .fz-akce-kopirovat:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
  .fz-akce-lista .fz-akce-kopirovat svg { width: 14px; height: 14px; flex: none; }
  .fz-akce-lista .fz-akce-kopirovat.is-hotovo { background: #FFBF22; }

  .fz-akce-lista .fz-akce-r2 { display: flex; align-items: center; gap: 14px; }
  .fz-akce-lista .fz-akce-datum { font-weight: 400; }
  .fz-akce-lista .fz-akce-datum strong { font-weight: 800; }
}

/* Užší obrazovky: zkrátit text a zmenšit lístky, aby nic nepřekrývaly */
@media (min-width: 768px) and (max-width: 1199px) {
  .fz-akce-lista .fz-akce-dlouhe { display: none; }
  .fz-akce-lista::before { width: 150px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fz-akce-lista { gap: 9px; padding: 0 10px; justify-content: flex-start; }
  .fz-akce-lista::before { display: none; }
  .fz-akce-lista .fz-akce-kopirovat-text { display: none; }
  .fz-akce-lista .fz-akce-kopirovat { padding: 0 8px; }
}

/* =================== MOBIL (do 767 px) – varianta A =================== */
@media (max-width: 767px) {
  /* obsah stránky posunout o výšku lišty (hlavička je na mobilu přilepená) */
  html.fz-akce-on .overall-wrapper { padding-top: 162px; }

  .fz-akce-lista {
    order: 2;                 /* v hlavičce: logo a ikony (1–2) → lišta → vyhledávání (3) */
    flex: 0 0 100%;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 60px;
    margin: 0;
    padding: 0 8px;
    box-sizing: border-box;
    background: #101114;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
  }
  .fz-akce-lista::before,
  .fz-akce-lista .fz-akce-oddelovac,
  .fz-akce-lista .fz-akce-jen { display: none; }

  .fz-akce-lista .fz-akce-odkaz { color: #fff; text-decoration: none; }
  .fz-akce-lista .fz-akce-odkaz::after { content: ""; position: absolute; inset: 0; z-index: 1; }
  .fz-akce-lista .fz-akce-30 { color: #FFBF22; font-size: 20px; font-weight: 900; vertical-align: -2px; }

  .fz-akce-lista .fz-akce-r2 { display: flex; align-items: center; gap: 7px; font-weight: 400; }
  .fz-akce-lista .fz-akce-kod strong { color: #FFBF22; font-size: 18px; font-weight: 800; letter-spacing: .4px; }
  .fz-akce-lista .fz-akce-datum strong { font-weight: 800; }

  .fz-akce-lista .fz-akce-kopirovat {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 26px;
    margin: 0;
    padding: 0 9px;
    border: 0;
    border-radius: 6px;
    background: #F68E5F;
    color: #1F1F1F;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
  }
  .fz-akce-lista .fz-akce-kopirovat svg { width: 14px; height: 14px; flex: none; }
  .fz-akce-lista .fz-akce-kopirovat.is-hotovo { background: #FFBF22; }

  /* Při posouvání dolů Shoptet hlavičku vysune nahoru. My vysuneme jen řádek s logem
     (50 px) a vyhledávání ořízneme (clip-path) – lišta zůstane nahoře pořád vidět,
     obsah pod ní jde normálně proklikat. Při posouvání nahoru se vše vrátí. */
  html.fz-akce-on.scrolled-down #header {
    transform: translateY(-50px) !important;
    clip-path: inset(0 0 calc(100% - 110px) 0);
  }
}

/* Velmi malé telefony (pod 360 px): u tlačítka jen ikonka, písmo se nezmenšuje */
@media (max-width: 359px) {
  .fz-akce-lista .fz-akce-kopirovat-text { display: none; }
}