/* Čelentano · vrstva nad klonem (k site.js) */

/* vodorovný posuv: pás s pizzou v patičce je širší než okno */
html, body { overflow-x: clip; }

/* přepínač jazyků vede na nedodělané EN/UK verze z Wixu, místo zůstává */
#comp-mctb88bn { visibility: hidden; }

/* lišta „otevřít v aplikaci“ z Wixu na mobilu (vede do cizí aplikace) */
[data-hook="wix-app-banner"] { display: none !important; }

/* denní nabídka se ukáže až s aktuálními daty (nejdéle 1,8 s) */
.cel-ceka #comp-mks56tjr { visibility: hidden; }

/* ── newsletter ── */
.cel-zprava { margin: 10px 0 0; font: normal normal normal 15px/1.4 oswald-medium, oswald, sans-serif; color: rgb(var(--color_21, 243, 219, 166)); }

/* ── rezervace: vlastní seznam a kalendář přes Wix ovládání ── */
.cel-prekryv {
  position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; margin: 0; padding: 0;
  background: transparent; border: 0; border-radius: 999px; cursor: pointer; -webkit-appearance: none; appearance: none;
}
.cel-prekryv:focus-visible { outline: 2px solid rgb(243, 219, 166); outline-offset: 2px; }
.cel-pop {
  position: absolute; top: calc(100% + 8px); left: 0; z-index: 30; min-width: 100%;
  padding: 6px; background: #0d0d0d; border: 1px solid rgba(243, 219, 166, .45); border-radius: 20px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .65); color: #fff;
  font-family: oswald-medium, oswald, "Helvetica Neue", sans-serif; animation: cel-pop .16s ease-out;
}
@keyframes cel-pop { from { opacity: 0; transform: translateY(-4px); } }
.cel-pop button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.cel-pop button:focus-visible { outline: 1px solid rgb(243, 219, 166); outline-offset: -1px; }
.cel-pop--seznam { display: flex; flex-direction: column; gap: 2px; max-height: 288px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(243,219,166,.4) transparent; }
.cel-pop--seznam button { flex: none; height: 38px; padding: 0 16px; border-radius: 999px; text-align: left; font-size: 16px; letter-spacing: .02em; white-space: nowrap; transition: background .15s, color .15s; }
.cel-pop--seznam button:hover { background: rgba(255, 255, 255, .1); }
.cel-pop--seznam button[aria-selected=true] { background: rgb(243, 219, 166); color: #000; }
.cel-pop--seznam button:disabled { cursor: default; opacity: .6; }
.cel-pop--kal { right: 0; min-width: 260px; padding: 14px; }
.cel-kal__hlava { display: flex; align-items: center; justify-content: space-between; margin: 0 0 10px; }
.cel-kal__mesic { font-size: 17px; letter-spacing: .03em; text-transform: uppercase; }
.cel-pop .cel-kal__sip { width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); font-size: 20px; line-height: 1; transition: background .15s, color .15s, border-color .15s; }
.cel-pop .cel-kal__sip:hover:not(:disabled) { background: rgb(243, 219, 166); border-color: rgb(243, 219, 166); color: #000; }
.cel-pop .cel-kal__sip:disabled { opacity: .25; cursor: default; }
.cel-kal__mriz { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; }
.cel-kal__dt { padding: 4px 0 6px; text-align: center; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .5); }
.cel-kal__mriz button { aspect-ratio: 1; border-radius: 50%; font-size: 15px; transition: background .15s, color .15s; }
.cel-kal__mriz button:hover:not(:disabled) { background: rgba(255, 255, 255, .12); }
.cel-kal__mriz button.cel-kal__dnes { box-shadow: inset 0 0 0 1px rgba(243, 219, 166, .6); }
.cel-kal__mriz button[aria-selected=true] { background: rgb(243, 219, 166); color: #000; }
.cel-kal__mriz button:disabled { color: rgba(255, 255, 255, .22); cursor: default; }
@media (max-width: 750px) { .cel-pop--kal { padding: 10px; } .cel-kal__mriz { gap: 1px; } .cel-kal__mriz button { font-size: 14px; } }

/* krok 2: údaje hosta, ve stylu Wix widgetu (černá, béžová, Oswald) */
.cel-rez {
  margin: 32px 0 8px; padding-top: 28px; border-top: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff; font-family: oswald-medium, oswald, "Helvetica Neue", sans-serif;
}
.cel-rez[hidden] { display: none; }
.cel-rez__h { margin: 0 0 18px; font: normal normal normal 22px/1.3 oswald-medium, oswald, sans-serif; color: #fff; }
.cel-rez__h::first-letter { text-transform: uppercase; }
.cel-rez__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 20px; }
.cel-rez__cele { grid-column: 1 / -1; }
.cel-rez label { display: grid; gap: 8px; font-size: 14px; }
.cel-rez input, .cel-rez textarea {
  width: 100%; box-sizing: border-box; min-height: 40px; padding: 9px 16px;
  border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 20px; background: transparent;
  color: #fff; font: normal normal normal 16px/1.3 oswald-medium, oswald, sans-serif; outline: none; resize: vertical;
}
.cel-rez textarea { border-radius: 16px; }
.cel-rez input::placeholder, .cel-rez textarea::placeholder { color: rgba(255, 255, 255, 0.45); }
.cel-rez input:focus, .cel-rez textarea:focus { border-color: rgb(243, 219, 166); box-shadow: 0 0 0 1px rgb(243, 219, 166); }
.cel-rez__past { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.cel-rez__chyba { min-height: 20px; margin: 12px 0 4px; color: #ff9b8a; font-size: 14px; }
.cel-rez__chyba:empty { margin: 4px 0 0; }
.cel-rez__btn {
  display: inline-flex; align-items: center; justify-content: center; min-width: 220px; height: 44px; padding: 0 28px;
  border: 0; border-radius: 22px; background: rgb(243, 219, 166); color: #000; cursor: pointer; text-decoration: none;
  font: normal normal normal 16px/1 oswald-medium, oswald, sans-serif;
}
.cel-rez__btn:hover { background: #f7e6c1; }
.cel-rez__btn:disabled { opacity: 0.6; cursor: default; }
.cel-rez--hotovo { text-align: center; border-top: 0; padding: 40px 0 20px; }
.cel-rez--hotovo p { max-width: 520px; margin: 0 auto 24px; font-size: 16px; line-height: 1.5; color: rgba(255, 255, 255, 0.85); }
@media (max-width: 750px) {
  .cel-rez__grid { grid-template-columns: 1fr; }
  .cel-rez__btn { width: 100%; }
}