/* Obľúbené (assets/oblubene.js, inc/oblubene.php) — srdiečka, hláška, výzva na prihlásenie, zoznam v účte. */

/* ---- srdiečko na karte produktu (vpravo hore v obrázku) ---- */
.bh-card-fav{position:absolute;top:9px;right:9px;z-index:4;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid #ece5dc;box-shadow:0 2px 8px rgba(74,32,4,.12);color:#2a1b14;cursor:pointer;transition:transform .15s,color .15s}
.bh-card-fav svg{width:17px;height:17px;display:block}
.bh-card-fav:hover,.bh-card-fav:focus-visible{color:#f07800;transform:scale(1.08)}
.bh-card-fav[aria-pressed="true"]{color:#f07800}
.bh-card-fav[aria-pressed="true"] svg{fill:#f07800}
/* ikonka „Pre psy aj mačky" uhne vedľa srdiečka */
.bh-card-img:has(.bh-card-fav) .bh-card-animal{right:50px}
.bh-reco-card .bh-card-fav{top:10px;right:10px}

/* ---- hláška dole (uložené / odstránené) ---- */
.bh-obl-hlaska{position:fixed;left:50%;bottom:26px;z-index:100002;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:12px 18px;border-radius:14px;background:#2a1b14;color:#fff;font:600 14.5px/1.3 'Geist',-apple-system,system-ui,'Segoe UI',sans-serif;box-shadow:0 12px 30px rgba(28,19,13,.3);opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .2s,transform .2s}
.bh-obl-hlaska.ukaz{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.bh-obl-hlaska svg{width:18px;height:18px;color:#f07800;fill:#f07800;flex:0 0 auto}
.bh-obl-hlaska a{color:#ffb454;text-decoration:underline;margin-left:4px}
@media(max-width:900px){.bh-obl-hlaska{bottom:84px}}   /* nad mobilnou lištou */
/* na počítači pod srdiečkom (assets/oblubene.js pridá .pod a súradnice) */
.bh-obl-hlaska.pod{position:absolute;bottom:auto;transform:translateY(-6px)}
.bh-obl-hlaska.pod.ukaz{transform:none}
.bh-obl-hlaska.pod::before{content:"";position:absolute;top:-5px;left:var(--sipka,50%);width:12px;height:12px;margin-left:-6px;background:#2a1b14;border-radius:2px;transform:rotate(45deg)}

/* ---- výzva na prihlásenie pre hosťa ---- */
.bh-obl-host{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'Geist',-apple-system,system-ui,'Segoe UI',sans-serif;color:#1c130d}
.bh-obl-host-ov{position:absolute;inset:0;background:rgba(28,19,13,.55)}
.bh-obl-host-box{position:relative;width:min(420px,100%);padding:30px 26px 24px;border-radius:20px;background:#fff;text-align:center;box-shadow:0 40px 90px -24px rgba(28,19,13,.5)}
.bh-obl-host .bh-obl-host-x{position:absolute;top:12px;right:12px;width:36px;height:36px;padding:0!important;border:0!important;border-radius:50%!important;background:#f4efe8!important;color:#1c130d!important;font-size:22px!important;line-height:1!important;cursor:pointer}
.bh-obl-host-ic{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#fff3e0;color:#f07800}
.bh-obl-host-ic svg{width:30px;height:30px;fill:#f07800}
.bh-obl-host-h{margin:14px 0 6px;font-size:21px;font-weight:800;letter-spacing:-.01em}
.bh-obl-host-t{margin:0 0 20px;font-size:14px;line-height:1.55;color:#6b5f55}
.bh-obl-host-tl{display:flex;flex-direction:column;gap:10px}
.bh-obl-host .bh-obl-host-tl>*{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:13px!important;font-family:inherit!important;font-size:15px!important;font-weight:700!important;text-transform:none!important;letter-spacing:normal!important;text-decoration:none;cursor:pointer}
.bh-obl-host .bh-obl-host-prihlasit{background:#f07800!important;color:#fff!important;border:0!important;box-shadow:0 6px 16px rgba(240,120,0,.28)}
.bh-obl-host .bh-obl-host-prihlasit:hover{background:#cc6600!important}
.bh-obl-host .bh-obl-host-registrovat{background:#fff;color:#1c130d!important;border:1.5px solid #ddd3c7}
.bh-obl-host .bh-obl-host-registrovat:hover{border-color:#1c130d}

/* ---- Môj účet → Obľúbené ---- */
#bh-acc .obl-hlaska{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:14px 18px;color:#2f8f52;font-weight:600}
#bh-acc .obl-hlaska svg{width:20px;height:20px;fill:#f07800;color:#f07800}
#bh-acc .obl-riadok{cursor:default}
#bh-acc .obl-riadok .th{display:block;width:64px;height:64px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #ece5dc}
#bh-acc .obl-riadok .th img{width:100%;height:100%;object-fit:contain;display:block}
#bh-acc .obl-nazov{font-weight:700;color:#1c130d;text-decoration:none}
#bh-acc .obl-nazov:hover{color:#cc6600}
#bh-acc .obl-caka{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;color:#8a7d72}
#bh-acc .obl-caka svg{width:14px;height:14px}
/* padding:0 — Basel dáva každému <button> 10px 20px a ikona koša sa v 38px kocke zmačkala na nulu */
#bh-acc .obl-odober{cursor:pointer;padding:0!important;flex:0 0 auto}
#bh-acc .obl-odober svg{width:18px;height:18px;flex:0 0 auto}
#bh-acc .obl-odober:hover{color:#bf4a30;border-color:#bf4a30}
#bh-acc .obl-riadok.odchadza{opacity:0;transition:opacity .2s}
#bh-acc .obl-email{display:flex;align-items:center;gap:10px;margin-top:16px;padding:14px 18px;cursor:pointer;font-size:14px}
/* vlastné zaškrtávacie pole — pri accent-color prehliadač na oranžovej kreslí čiernu fajku */
#bh-acc .obl-email input{-webkit-appearance:none;appearance:none;flex:0 0 auto;width:20px;height:20px;margin:0;border:1.5px solid #ddd3c7;border-radius:6px;background:#fff center/14px 14px no-repeat;cursor:pointer;transition:background-color .15s,border-color .15s}
#bh-acc .obl-email input:hover{border-color:#f07800}
#bh-acc .obl-email input:checked{background-color:#f07800;border-color:#f07800;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
#bh-acc .obl-email input:focus-visible{outline:2px solid #f07800;outline-offset:2px}
#bh-acc .obl-prazdne-ic{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;margin:0 auto 14px;border-radius:50%;background:#fff3e0}
#bh-acc .obl-prazdne-ic svg{width:40px;height:40px;fill:#f07800;color:#f07800}
@media(max-width:560px){
  #bh-acc .obl-riadok{flex-wrap:wrap}
  #bh-acc .obl-riadok .o-right{width:100%;justify-content:flex-end}
}