/* Potvrdenie „Pridané do košíka" (assets/pridane.js) a karty „Vášmu psíkovi sa tiež hodí"
   (inc/kosik-odporucania.php) — spoločné pre košík, rýchly nákup aj stránku produktu. */

/* ---- prekrytie otvoreného okna (rýchly nákup, „Super set") ---- */
.bh-pridane{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 24px;text-align:center;background:#fff;border-radius:inherit;font-family:'Geist',-apple-system,system-ui,'Segoe UI',sans-serif;color:#1c130d;animation:bhPridIn .2s ease-out both}
.bh-pridane-fajka{width:78px;height:78px;display:block;flex:0 0 auto;animation:bhPridPop .45s cubic-bezier(.3,1.6,.5,1) .55s both}
.bh-pridane-fajka circle{fill:#eaf6ee;stroke:#2f8f52;stroke-width:2.5;stroke-dasharray:145;stroke-dashoffset:145;animation:bhPridCiara .5s ease-out .05s forwards}
.bh-pridane-fajka path{fill:none;stroke:#2f8f52;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:32;animation:bhPridCiara .3s ease-out .45s forwards}
.bh-pridane-h{margin:4px 0 0;font-size:23px;font-weight:800;letter-spacing:-.01em;line-height:1.2;color:#1c130d}
.bh-pridane-kus{display:flex;align-items:center;gap:12px;max-width:440px;margin-top:4px;padding:10px 14px 10px 10px;border:1px solid #ece5dc;border-radius:14px;text-align:left;background:#fff}
.bh-pridane-kus img{width:58px;height:58px;object-fit:contain;border-radius:9px;background:#fff;flex:0 0 auto}
.bh-pridane-kus-tx{min-width:0}
.bh-pridane-kus b{display:block;font-size:14.5px;font-weight:700;line-height:1.3}
.bh-pridane-kus small{display:block;margin-top:3px;font-size:13px;color:#8a7d72;line-height:1.35}
.bh-pridane-cena{margin-left:auto;padding-left:12px;font-size:16px;font-weight:800;white-space:nowrap}

/* ---- tlačidlá: „‹ Pokračovať v nákupe" | „Pokračovať do košíka ›" ----
   Okná bežia na stránkach s rôznymi resetmi tlačidiel (.bh-kv button, #bh-pdp button{border:0;background:none}),
   ktoré majú aj ID — bez !important by „Pokračovať v nákupe" stratilo rámik. */
.bh-pridane-tl{display:flex;gap:12px;width:100%;max-width:520px;margin-top:14px}
.bh-pridane .bh-pridane-tl>*,.bh-pridane-okno .bh-pridane-tl>*{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px!important;padding:0 16px!important;border-radius:13px!important;font-family:inherit!important;font-size:15.5px!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important;letter-spacing:normal!important;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.bh-pridane-tl svg{width:17px;height:17px;flex:0 0 auto}
.bh-pridane .bh-pridane-tl .bh-pridane-dalej,.bh-pridane-okno .bh-pridane-tl .bh-pridane-dalej{background:#fff!important;color:#1c130d!important;border:1.5px solid #ddd3c7!important}
.bh-pridane .bh-pridane-tl .bh-pridane-dalej:hover,.bh-pridane-okno .bh-pridane-tl .bh-pridane-dalej:hover{border-color:#1c130d!important}
.bh-pridane .bh-pridane-tl .bh-pridane-kosik,.bh-pridane-okno .bh-pridane-tl .bh-pridane-kosik{background:#f07800!important;color:#fff!important;border:0!important;box-shadow:0 6px 16px rgba(240,120,0,.28)}
.bh-pridane .bh-pridane-tl .bh-pridane-kosik:hover,.bh-pridane-okno .bh-pridane-tl .bh-pridane-kosik:hover{background:#cc6600!important;color:#fff!important}
.bh-pridane-tl>*:focus-visible{outline:3px solid rgba(240,120,0,.45);outline-offset:2px}

/* ---- samostatné okno po hlavnom tlačidle na produkte ---- */
.bh-pridane-okno{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'Geist',-apple-system,system-ui,'Segoe UI',sans-serif;color:#1c130d}
.bh-pridane-ov{position:absolute;inset:0;background:rgba(28,19,13,.55);animation:bhPridIn .2s ease-out both}
.bh-pridane-box{position:relative;width:min(800px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 40px 90px -24px rgba(28,19,13,.5);padding:26px 28px 24px;animation:bhPridHore .26s cubic-bezier(.2,.7,.3,1) both}
.bh-pridane-okno.odchadza{opacity:0;transition:opacity .18s}
.bh-pridane-okno .bh-pridane-x{position:absolute;top:14px;right:14px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0!important;border:0!important;border-radius:50%!important;background:#f4efe8!important;color:#1c130d!important;font-size:24px!important;line-height:1!important;cursor:pointer}
.bh-pridane-okno .bh-pridane-x:hover{background:#ece5dc!important}
.bh-pridane-hlava{display:flex;align-items:center;gap:14px;padding-right:44px}
.bh-pridane-hlava .bh-pridane-fajka{width:54px;height:54px}
.bh-pridane-hlava .bh-pridane-h{margin:0;font-size:22px}
.bh-pridane-okno .bh-pridane-kus{max-width:none;width:100%;margin-top:18px}
.bh-pridane-reco{margin-top:22px;padding-top:18px;border-top:1px solid #ece5dc}
.bh-pridane-okno .bh-pridane-tl{max-width:none;margin-top:18px}
.bh-pridane-nacitava{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bh-pridane-nacitava i{display:block;aspect-ratio:3/4;border-radius:16px;background:linear-gradient(90deg,#f4efe8 25%,#faf7f2 50%,#f4efe8 75%);background-size:300% 100%;animation:bhPridLesk 1.1s linear infinite}

/* ---- karty „Vášmu psíkovi sa tiež hodí" (košík aj okno) ---- */
.bh-reco{min-width:0;color:#1c130d}
.bh-reco-head h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.25;color:#1c130d;text-transform:none}
.bh-reco-head p{margin:4px 0 0;font-size:13.5px;color:#8a7d72}
.bh-reco-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 42px)/4);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 2px 12px;scrollbar-width:thin}
.bh-reco-card{position:relative;scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #ece5dc;border-radius:16px;overflow:hidden;color:#1c130d;text-decoration:none;transition:box-shadow .15s,transform .15s}
.bh-reco-card:hover{box-shadow:0 3px 12px rgba(60,35,12,.08);transform:translateY(-2px);color:#1c130d}
.bh-reco-img{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ece5dc}
.bh-reco-img img{width:100%;height:100%;object-fit:contain;display:block}
.bh-reco-tx{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}
.bh-reco-nm{font-size:13.5px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bh-reco-cl{font-size:12.5px;color:#8a7d72;display:flex;align-items:center;gap:5px;min-width:0}
.bh-reco-cl i{flex:0 0 auto;width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
/* tlačidlo košíka (.bh-card-cart, oranžový krúžok z kariet produktov) sedí v riadku s cenou */
.bh-reco-pr{margin-top:auto;padding-right:54px;min-height:43px;display:flex;align-items:center;font-size:14.5px;font-weight:800;color:#1c130d}
.bh-reco-card:hover .bh-card-cart,.bh-reco-card .bh-card-cart:focus-visible{background:#cc6600}
/* šípky posuvníka (pridane.js slider) — na dotykových displejoch sa posúva prstom */
.bh-reco-obal{position:relative}
.bh-reco .bh-reco-sipka{position:absolute;top:36%;z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0!important;border:1px solid #ece5dc!important;border-radius:50%!important;background:#fff!important;color:#1c130d!important;box-shadow:0 4px 14px rgba(60,35,12,.16);cursor:pointer;transition:background .15s}
.bh-reco .bh-reco-sipka:hover{background:#faf7f2!important}
.bh-reco .bh-reco-sipka svg{width:18px;height:18px}
.bh-reco .bh-reco-sipka.vlavo{left:-14px}
.bh-reco .bh-reco-sipka.vpravo{right:-14px}
.bh-reco .bh-reco-sipka[hidden]{display:none}
@media(hover:none){.bh-reco .bh-reco-sipka{display:none}}
/* téma farbí .amount na sivo (#949494) — cena na karte má byť tmavá ako text */
.bh-reco-pr .amount,.bh-reco-pr .woocommerce-Price-amount{color:inherit}

@keyframes bhPridIn{from{opacity:0}to{opacity:1}}
@keyframes bhPridHore{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes bhPridZdola{from{transform:translateY(100%)}to{transform:none}}
@keyframes bhPridCiara{to{stroke-dashoffset:0}}
@keyframes bhPridPop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes bhPridLesk{from{background-position:100% 0}to{background-position:-100% 0}}

@media(max-width:900px){.bh-reco-row{grid-auto-columns:calc((100% - 28px)/3)}}
@media(max-width:560px){
  .bh-pridane-tl{flex-direction:column-reverse}
  .bh-pridane-h{font-size:21px}
  .bh-reco-row{grid-auto-columns:58%}
  .bh-reco-head h2{font-size:18px}
  /* okno sa na mobile vysunie zdola */
  .bh-pridane-okno{align-items:flex-end;padding:0}
  .bh-pridane-box{border-radius:18px 18px 0 0;max-height:92vh;padding:20px 16px 18px;animation-name:bhPridZdola}
  .bh-pridane-hlava .bh-pridane-fajka{width:46px;height:46px}
  .bh-pridane-hlava .bh-pridane-h{font-size:19px}
  .bh-pridane-nacitava{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .bh-pridane,.bh-pridane-fajka,.bh-pridane-ov,.bh-pridane-box,.bh-pridane-nacitava i{animation:none}
  .bh-pridane-fajka circle,.bh-pridane-fajka path{animation:none;stroke-dashoffset:0}
}