/* =========================================================================
   FUKOT – Tlačidlo obhliadky (widget fukot-booking-button) + popup s formulárom.
   Všetko pod .fk-bb, bez zaoblení. Farby: --fk-bb-* (nastaviteľné v Elementore).
   ========================================================================= */
.fk-bb{--fk-bb-w:1080px;--fk-bb-bg:#fff;--fk-bb-backdrop:rgba(10,10,10,.62);--fk-bb-accent:#7c2fff;display:flex;width:100%}
.fk-bb .fk-bb__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:0;margin:0;padding:20px 24px;border:2px solid #0a0a0a;border-radius:0;background:#fff;box-shadow:none;color:#0a0a0a;font-family:"transducer-variable","Montserrat",sans-serif;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:1px;text-align:center;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.fk-bb .fk-bb__btn:hover,.fk-bb .fk-bb__btn:focus-visible{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.fk-bb .fk-bb__btn:focus-visible{outline:2px solid var(--fk-bb-accent);outline-offset:3px}
.fk-bb__icon{display:inline-flex;line-height:1}
.fk-bb__icon svg{width:1em;height:1em;fill:currentColor}
html.fk-bb-lock{overflow:hidden}

/* popup */
.fk-bb__dlg{width:min(var(--fk-bb-w),calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);margin:auto;padding:0;border:0;border-top:4px solid var(--fk-bb-accent);border-radius:0;background:var(--fk-bb-bg);box-shadow:0 30px 90px rgba(0,0,0,.4);overflow:hidden}
.fk-bb__dlg[open]{display:flex;flex-direction:column;animation:fk-bb-in .22s ease-out}
.fk-bb__dlg::backdrop{background:var(--fk-bb-backdrop)}
@keyframes fk-bb-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fk-bb__dlg[open]{animation:none}}
.fk-bb__bar{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:none;min-height:0;padding:10px 10px 0 24px}
.fk-bb__title{flex:1;min-width:0;font-family:"transducer-variable","Montserrat",sans-serif;font-size:18px;font-weight:700;line-height:1.25;text-transform:uppercase;color:#0a0a0a}
.fk-bb .fk-bb__x{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;min-height:0;margin:0;padding:0;border:1px solid #e2e2e2;border-radius:0;background:#fff;box-shadow:none;color:#0a0a0a;cursor:pointer}
.fk-bb .fk-bb__x:hover,.fk-bb .fk-bb__x:focus-visible{border-color:var(--fk-bb-accent);background:#fff;color:var(--fk-bb-accent)}
.fk-bb__x svg{width:20px;height:20px}
.fk-bb__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 24px 24px}
.fk-bb__body .elementor-widget-fukot-booking{width:100%;margin:0}
/* formulár v popupe bez vlastného tieňa / rámika (popup už je karta) */
.fk-bb__body .fk-bk__card{border:0 !important;box-shadow:none !important}
@media (max-width: 600px) {
  .fk-bb__dlg{width:100vw;height:100dvh;max-height:100dvh;margin:0}
  .fk-bb__bar{padding:8px 8px 0 16px}
  .fk-bb__body{padding:0 12px calc(16px + env(safe-area-inset-bottom))}
}