/* Lišta „Do košíka“ – detail produktu (Bio-racio-dia, 27. 10. 2026, v9). Predpona tried pkos-.
   Lištu vkladá skript 27-10-lista-do-kosika-v9.js. Nahrádza doplnok Pobo „fix-header“.
   Kedy sa lišta ukáže:
   - mobil (do 767 px): dole, vždy keď hlavné tlačidlo nevidno – aj hneď po otvorení stránky,
   - tablet a počítač (od 768 px): hore, keď hlavička stránky zmizne z obrazovky a hlavné tlačidlo nevidno.
   V lište: cena, dostupnosť a zelený celok „− 1 + | Do košíka“; od 480 px obrázok, od 768 px názov a zľava.
   Časť 1 dáva cenu s tlačidlom hneď pod fotku len na mobile (do 767 px) – len CSS, stránka neposkočí.
   Na tablete a PC (od 768 px) ostáva poradie na stránke ako doteraz. */

/* 1) Len mobil (do 767 px): cena a tlačidlo hneď pod fotkou.
      Poradie: názov → cena a tlačidlo → dostupnosť → obľúbené → krátky popis.
      Tablet a PC (od 768 px): bez zmeny – poradie ako doteraz (popis pod názvom, cena s tlačidlom pod dostupnosťou). */
@media (max-width:767.98px){
  body.type-detail .p-data-wrapper{display:flex;flex-direction:column}
  body.type-detail .p-data-wrapper>*{order:2}
  body.type-detail .p-data-wrapper>.p-detail-inner-header{order:0}
  body.type-detail .p-data-wrapper>#product-detail-form,body.type-detail .p-data-wrapper>#pdor{order:1}
  body.type-detail .p-data-wrapper>.buttons-wrapper{order:3}
  body.type-detail .p-data-wrapper>.p-short-description>:last-child{margin-bottom:0}
  /* vo formulári cena s tlačidlom nad tabuľkou dostupnosti – nie pri variantoch, vypredanom tovare a tovare s výberom
     (príplatky, darčeky, vlastné polia – tam musí zákazník najprv vybrať, potom pridať do košíka);
     množstevná zľava ostáva pod dostupnosťou, s medzerou 16 px */
  body.type-detail #product-detail-form:not(:has(.p-variants-block *)):not(:has(select,textarea,input[type=radio],input[type=checkbox],input[type=text])){display:flex;flex-direction:column}
  body.type-detail #product-detail-form:not(:has(.p-variants-block *)):not(:has(select,textarea,input[type=radio],input[type=checkbox],input[type=text]))>.p-to-cart-block,
  body.type-detail #product-detail-form:not(:has(.p-variants-block *)):not(:has(select,textarea,input[type=radio],input[type=checkbox],input[type=text]))>#pdor{order:-1}
  body.type-detail #product-detail-form:not(:has(.p-variants-block *)):not(:has(select,textarea,input[type=radio],input[type=checkbox],input[type=text]))>.detail-parameters{margin:16px 0 0}
  body.type-detail #product-detail-form:not(:has(.p-variants-block *)):not(:has(select,textarea,input[type=radio],input[type=checkbox],input[type=text]))>.quantity-discounts{margin:16px 0 0}
}

/* 2) Lišta doplnku Pobo sa nezobrazí (keby sa doplnok znova zapol) */
html.pkos-ma #js-plugin-header{display:none!important}

/* 3) Lišta – základ (mobil do 479 px): cena a dostupnosť vľavo, zelený celok „− 1 + | Do košíka“ vpravo */
.pkos{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;z-index:50!important;display:block!important;margin:0!important;padding:0 0 env(safe-area-inset-bottom)!important;background:#fff!important;border:0!important;border-top:1px solid #E6E8E4!important;box-shadow:0 -6px 20px rgba(31,31,31,.08)!important;font:400 13px/1.35 Roboto,Arial,sans-serif!important;color:#5F6862!important;text-align:left!important;-webkit-user-select:none;user-select:none;visibility:hidden;transform:translateY(calc(100% + 24px));transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;will-change:transform}
html.pkos-on .pkos{visibility:visible;transform:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
.pkos *,.pkos *::before,.pkos *::after{box-sizing:border-box!important}
.pkos .pkos-in{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;grid-template-areas:"pr ak" "av ak"!important;align-content:center!important;align-items:center!important;column-gap:10px!important;row-gap:2px!important;height:64px!important;max-width:1418px!important;margin:0 auto!important;padding:0 12px 0 16px!important}
.pkos .pkos-img,.pkos .pkos-n,.pkos .pkos-avn,.pkos .pkos-sv,.pkos .pkos-odk{display:none!important}
.pkos .pkos-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.pkos button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* obrázok a názov (od 480 / 768 px) */
.pkos .pkos-img{grid-area:im!important;width:44px!important;height:44px!important;margin:0!important;padding:2px!important;object-fit:contain!important;background:#fff!important;border:1px solid #E6E8E4!important;border-radius:8px!important}
.pkos .pkos-n{grid-area:nm!important;align-self:end!important;min-width:0!important;margin:0!important;font:700 16px/1.25 Nunito,Roboto,Arial,sans-serif!important;color:#1F1F1F!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* cena – pri akcii aj pôvodná cena (od 768 px aj zľava) */
.pkos .pkos-pr{grid-area:pr!important;align-self:end!important;display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:6px!important;min-width:0!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important}
.pkos .pkos-pf{display:block!important;margin:0!important;font:900 19px/1.15 Nunito,Roboto,Arial,sans-serif!important;color:#1F1F1F!important;letter-spacing:0!important}
.pkos .pkos-prs{display:flex!important;align-items:baseline!important;gap:6px!important;margin:0!important}
.pkos .pkos-ps{display:block!important;margin:0!important;font:400 12px/1.2 Roboto,Arial,sans-serif!important;color:#5F6862!important;text-decoration:line-through!important}
.pkos .pkos-sv{margin:0!important;padding:1px 6px!important;border-radius:4px!important;background:#FBE9E5!important;color:#A3301A!important;font:700 12px/1.35 Roboto,Arial,sans-serif!important}

/* dostupnosť a odoslanie – keď sa nezmestí: bez počtu kusov → „Odošleme dnes“ → „Skladom“ */
.pkos .pkos-av{grid-area:av!important;align-self:start!important;display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;margin:0!important;font:400 13px/1.3 Roboto,Arial,sans-serif!important;color:#683B15!important;white-space:nowrap!important;overflow:hidden!important}
.pkos .pkos-av.is-sk{color:#2F6B2A!important}
.pkos .pkos-dot{flex:none!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#C98A4B!important}
.pkos .pkos-av.is-sk .pkos-dot{background:#2F8F3A!important}
.pkos .pkos-avx{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
.pkos .pkos-av.is-bezks .pkos-avn{display:none!important}
.pkos .pkos-av.is-kratko .pkos-avt,.pkos .pkos-av.is-kratko .pkos-avn,.pkos .pkos-av.is-kratko .pkos-sep,.pkos .pkos-av.is-kratko .pkos-od{display:none!important}
.pkos .pkos-av.is-kratko .pkos-odk{display:inline!important}
.pkos .pkos-av.is-min .pkos-avn,.pkos .pkos-av.is-min .pkos-sep,.pkos .pkos-av.is-min .pkos-od,.pkos .pkos-av.is-min .pkos-odk{display:none!important}

/* zelený celok pridania do košíka: svetlozelená kapsula, okrúhle − a +, plné zelené tlačidlo */
.pkos .pkos-ak{grid-area:ak!important;display:flex!important;align-items:center!important;gap:4px!important;height:50px!important;margin:0!important;padding:4px!important;background:#E6F2EA!important;border-radius:999px!important}
.pkos .pkos-q{display:flex!important;align-items:center!important;height:42px!important;margin:0!important;padding:0 0 0 2px!important;border:0!important;background:none!important}
.pkos .pkos-q button{display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#00692A!important;font:500 22px/1 Roboto,Arial,sans-serif!important;cursor:pointer!important;box-shadow:0 1px 2px rgba(0,60,25,.10)!important;transition:background-color .15s}
@media (hover:hover){.pkos .pkos-q button:hover{background:#F2F8F3!important}}
.pkos .pkos-q button:active{background:#D9ECDF!important}
.pkos .pkos-q button:disabled{color:#9DB8A4!important;background:#fff!important;box-shadow:none!important;cursor:default!important}
.pkos .pkos-q button:focus-visible{outline:2px solid #234B32!important;outline-offset:2px!important}
.pkos .pkos-qv{display:flex!important;align-items:center!important;justify-content:center!important;min-width:26px!important;margin:0!important;padding:0 2px!important;font:700 16px/1 Roboto,Arial,sans-serif!important;color:#1F1F1F!important}
.pkos button.pkos-bt{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;gap:6px!important;height:42px!important;min-width:0!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:999px!important;background:#007C31!important;color:#fff!important;font:900 16px/1 Roboto,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important;transition:background-color .2s}
@media (hover:hover){.pkos button.pkos-bt:hover{background:#00692A!important}}
.pkos button.pkos-bt:active{background:#005A24!important}
.pkos button.pkos-bt:focus-visible{outline:2px solid #234B32!important;outline-offset:2px!important}
.pkos .pkos-ic{display:block!important;flex:none!important;width:20px!important;height:20px!important}
.pkos .pkos-ic-ok,.pkos .pkos-ic-k{display:none!important}
.pkos.is-busy button.pkos-bt{cursor:progress!important;background:#00692A!important}
.pkos.is-busy .pkos-ic-t{display:none!important}
.pkos.is-busy .pkos-ic-k{display:block!important;animation:pkos-toc .8s linear infinite!important}
.pkos.is-ok button.pkos-bt{background:#234B32!important}
.pkos.is-ok .pkos-ic-t{display:none!important}
.pkos.is-ok .pkos-ic-ok{display:block!important}
@keyframes pkos-toc{to{transform:rotate(360deg)}}

/* bežný mobil (375 – 767 px): o čosi užšie okraje, aby sa zmestilo „Odošleme zajtra“ */
@media (min-width:375px) and (max-width:767.98px){
  .pkos .pkos-in{column-gap:8px!important;padding:0 12px 0 14px!important}
}
/* 4) Úzky mobil (do 374 px): menšie okraje, menšie − a +, tlačidlo bez ikony */
@media (max-width:374.98px){
  .pkos .pkos-in{column-gap:8px!important;padding:0 10px 0 12px!important}
  .pkos .pkos-pf{font-size:17px!important}
  .pkos .pkos-q button{width:34px!important;height:34px!important}
  .pkos .pkos-qv{min-width:22px!important}
  .pkos button.pkos-bt{padding:0 14px!important}
  .pkos .pkos-bt .pkos-ic{display:none!important}
}
/* 5) Väčší mobil (na šírku): aj obrázok */
@media (min-width:480px){
  .pkos .pkos-in{grid-template-columns:44px minmax(0,1fr) auto!important;grid-template-areas:"im pr ak" "im av ak"!important}
  .pkos .pkos-img{display:block!important}
}
/* 6) Tablet a počítač: lišta hore, aj názov, počet kusov a zľava */
@media (min-width:768px){
  .pkos{top:0!important;bottom:auto!important;padding:0!important;border-top:0!important;border-bottom:1px solid #E6E8E4!important;box-shadow:0 6px 20px rgba(31,31,31,.08)!important;transform:translateY(calc(-100% - 24px))}
  .pkos .pkos-in{grid-template-columns:48px minmax(0,1fr) auto auto!important;grid-template-areas:"im nm pr ak" "im av pr ak"!important;column-gap:16px!important;height:72px!important;padding:0 20px!important}
  .pkos .pkos-img{width:48px!important;height:48px!important}
  .pkos .pkos-n{display:block!important}
  .pkos .pkos-avn{display:inline!important}
  .pkos .pkos-sv{display:block!important}
  .pkos .pkos-pr{align-self:center!important;flex-direction:column-reverse!important;align-items:flex-end!important;gap:2px!important}
  .pkos .pkos-pf{font-size:22px!important}
  .pkos .pkos-ps{font-size:13px!important}
  .pkos .pkos-ak{height:52px!important}
  .pkos .pkos-q{height:44px!important}
  .pkos .pkos-q button{width:40px!important;height:40px!important}
  .pkos .pkos-qv{min-width:34px!important}
  .pkos button.pkos-bt{height:44px!important;min-width:170px!important;padding:0 24px!important}
}

/* 7) Mobil: bublina chatu Smartsupp nad lištou a miesto pre lištu na konci stránky */
@media (max-width:767.98px){
  #smartsupp-widget-container>div:has(>#widgetButtonFrame){transition:translate .28s cubic-bezier(.2,.8,.2,1)}
  html.pkos-on body:not(.navigation-window-visible) #smartsupp-widget-container>div:has(>#widgetButtonFrame){translate:0 calc(-1 * var(--pkos-h,64px))}
  html.pkos-ma body.type-detail{padding-bottom:var(--pkos-h,64px)}
}

@media (prefers-reduced-motion:reduce){
  .pkos,html.pkos-on .pkos{transition:none!important}
  #smartsupp-widget-container>div:has(>#widgetButtonFrame){transition:none!important}
  .pkos.is-busy .pkos-ic-k{animation-duration:2s!important}
}
@media print{.pkos{display:none!important}}
/* skryté časti (napr. bez akcie) – musí byť posledné */
.pkos .pkos-in [hidden]{display:none!important}