/* Kódszabó – a bemutatók átszínezése a látogató saját színére.
   A bemutató gyökérelemén data-ceg és három változó van (V.cegAttr): --ceg (gombok, kiemelés), --ceg-s (sötét sáv), --ceg-h (halvány háttér).
   Ez a fájl a valodi.css UTÁN töltődik, és csak a [data-ceg] elemekre hat. A foglaló (bva, bvf) és a közös márkajel itt van;
   a bolt-asszisztens a ceg-wa.css-ben, a tervező a ceg-tf.css-ben, az ügyfélszerző a ceg-tfp.css-ben. */

/* ---- közös márkajel (tervező, ügyfélszerző): monogram a régi logó helyett ---- */
.tf-marka .tf-mono { display: grid; place-items: center; width: 2.1em; height: 2.1em; flex: none; border-radius: .45em; background: var(--ceg, #0b6a82); color: #fff; font: 700 .95em "TF Geist", "Segoe UI", sans-serif; letter-spacing: -.02em; box-shadow: inset 0 0 0 1px #ffffff2e; }
.tf-marka b { max-width: 16em; overflow: hidden; text-overflow: ellipsis; }
/* az ügyfélszerző keskeny oldalsávjában a hosszú név két sorba törhet */
.tfp-oldal .tf-marka { white-space: normal; }
.tfp-oldal .tf-marka b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-width: none; font-size: 1.12em; line-height: 1.12; overflow-wrap: anywhere; }

/* ---- foglaló: adminfelület (bva) és a vendég foglalója (bvf) ---- */
.bva[data-ceg], .bvf[data-ceg] {
  --bv-pri: var(--ceg); --bv-pri-s: color-mix(in srgb, var(--ceg) 78%, #000);
  --bv-fg: color-mix(in srgb, var(--ceg-s) 55%, #1a1a1f); --bv-mfg: color-mix(in srgb, var(--ceg-s) 35%, #6b6b72);
  --bv-muted: var(--ceg-h); --bv-vonal: color-mix(in srgb, var(--ceg) 16%, #e9e9ec);
  --bv-gold: color-mix(in srgb, var(--ceg) 70%, #3a3a3a); --bv-gold-l: color-mix(in srgb, var(--ceg) 30%, #fff);
}
.bva[data-ceg] { background: color-mix(in srgb, var(--ceg) 4%, #f6f6f7); }
.bva[data-ceg] .bva-oldal { background: linear-gradient(180deg, color-mix(in srgb, var(--ceg-s) 92%, #000), color-mix(in srgb, var(--ceg-s) 70%, #000)); color: #f1f0f4; }
.bva[data-ceg] .bva-nav button { color: color-mix(in srgb, var(--ceg-h) 80%, #fff); }
.bva[data-ceg] .bva-nav em { color: var(--ceg-s); }
.bva[data-ceg] .bva-lab { color: color-mix(in srgb, var(--ceg-h) 60%, #999); }
.bva[data-ceg] .bva-marka .bv-monogram { border-color: color-mix(in srgb, var(--ceg-h) 55%, transparent); color: var(--ceg-h); }
.bva[data-ceg] .bva-marka b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.1; overflow-wrap: anywhere; }
.bva[data-ceg] .bva-marka small { color: color-mix(in srgb, var(--ceg-h) 70%, #aaa); }
.bva[data-ceg] .bva-nezetek, .bvf[data-ceg] .bvf-kat { background: var(--ceg-h); }
.bva[data-ceg] .bva-racs, .bva[data-ceg] .bva-fejsor, .bva[data-ceg] .bva-napfej, .bva[data-ceg] .bva-oszlop { border-color: color-mix(in srgb, var(--ceg) 10%, #ebebee); }
.bva[data-ceg] .bva-fejsor { background: color-mix(in srgb, var(--ceg) 3%, #fcfcfd); }
.bva[data-ceg] .bva-napfej.mai { background: var(--ceg-h); }
.bva[data-ceg] .bva-oszlop.mai { background: color-mix(in srgb, var(--ceg-h) 45%, #fff); }
.bva[data-ceg] .bva-test { background-image: repeating-linear-gradient(180deg, transparent 0, transparent calc(100% / 9 - 1px), color-mix(in srgb, var(--ceg) 8%, #f0f0f2) calc(100% / 9 - 1px), color-mix(in srgb, var(--ceg) 8%, #f0f0f2) calc(100% / 9)); }
.bva[data-ceg] .bva-ev { color: #1f1f24; }
.bva[data-ceg] .bva-ev-ido { color: #55555d; }
.bva[data-ceg] .bva-panel-hatter { background: color-mix(in srgb, var(--ceg-s) 40%, transparent); }
.bva[data-ceg] .bva-panel-tipp, .bvf[data-ceg] .bvf-tipp { background: var(--ceg-h); color: var(--bv-fg); }
.bv-gomb { box-shadow: 0 8px 22px -10px color-mix(in srgb, var(--bv-pri) 65%, transparent); }
.bvf[data-ceg] { background: linear-gradient(180deg, #fff, color-mix(in srgb, var(--ceg-h) 40%, #fff)); }
.bvf[data-ceg] .bvf-fej { border-color: var(--bv-vonal); }
.bvf[data-ceg] .bvf-fej b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bvf[data-ceg] .bv-monogram { border-color: color-mix(in srgb, var(--ceg) 45%, #fff); background: var(--ceg-h); color: var(--ceg); }
.bvf[data-ceg] .bvf-lepesek, .bvf[data-ceg] .bvf-lab { border-color: var(--bv-vonal); }
.bvf[data-ceg] .bvf-lepesek .kesz i, .bvf[data-ceg] .bvf-kesz-jel { background: var(--ceg-h); border-color: color-mix(in srgb, var(--ceg) 30%, #fff); }
.bvf[data-ceg] .bvf-kez i { border-color: color-mix(in srgb, var(--ceg) 35%, #bbb); }
.bvf[data-ceg] .bvf-kez[aria-pressed="true"] { background: var(--ceg-h); }
.bvf[data-ceg] .bvf-nap:disabled, .bvf[data-ceg] .bvf-nap:disabled small { color: #b9b9bf; }
.bvf[data-ceg] .bvf-nap.kij small { color: color-mix(in srgb, var(--ceg-h) 85%, #fff); }
.bvf[data-ceg] .bvf-mezo input { border-color: var(--bv-vonal); }
.bva[data-ceg] .bva-gomb:disabled, .bvf[data-ceg] .bv-gomb:disabled { background: color-mix(in srgb, var(--ceg) 25%, #ccc); }

/* nem szalon és nem vendéglátás: a talpas díszbetű helyett egyenes, határozott betű */
.bv-egyenes :is(.bv-monogram, .bva-marka b, .bva-h1, .bva-napfej b, .bva-panel-nev, .bvf-fej b, .bvf-cim, .bvf-honap) { font-family: "BV Sans", "Segoe UI", sans-serif; font-weight: 600; letter-spacing: -.02em; }
.bv-egyenes .bva-h1 { font-size: 1.85em; }
.bv-egyenes .bvf-cim { font-size: 1.4em; }