header{height:auto;min-height:max(72px,calc(var(--brand-logo-size,48px) + 22px));padding-top:10px;padding-bottom:10px}body .logo,body .brandmark-preview{display:inline-flex;flex-direction:row;align-items:center;gap:9px;letter-spacing:0;min-width:0;line-height:1.2}body .logo:has(.brand-logo-image){max-width:56%;flex:0 1 auto;letter-spacing:0}body .logo .brand-logo-image,body .brandmark-preview .brand-logo-image{height:var(--brand-logo-size,48px)!important;width:auto!important;max-width:min(140px,30vw);max-height:none;object-fit:contain!important;flex-shrink:0;opacity:1!important;transform:none!important}body .logo .brand-name{display:block;font-size:21px;font-weight:700;letter-spacing:-.7px;min-width:0;overflow-wrap:anywhere;color:var(--brand-primary-text)}body .logo.brandmark-with-image .brand-name{font-size:15px;line-height:1.3;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body .brand-name[hidden]{display:none!important}footer .logo{max-width:100%!important;justify-content:center}footer .logo .brand-logo-image{margin:0}body .brandmark-preview{background:var(--brand-nav);color:var(--brand-ink);padding:18px;border:1px solid var(--brand-line);border-radius:13px;margin-bottom:20px;width:100%;min-height:80px;justify-content:center}.brandmark-preview .brand-name{font-size:17px;font-weight:650}.logo-name-option{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--brand-muted);margin:0 0 18px}.logo-name-option input{width:18px;height:18px;min-width:18px;accent-color:var(--brand-primary)}.admin-field:has([data-setting="logoSize"]){position:relative}.admin-field output{position:absolute;right:0;top:0;font-size:10px;color:var(--brand-primary-text)}input[data-setting="logoSize"]{padding:0;accent-color:var(--brand-primary);height:32px;min-height:32px;border:0;box-shadow:none}.contact-actions a[href^="tel:"] .extra-contact-icon{background:transparent!important;border:0!important}.contact-actions .phone-brand-icon{width:42px;height:42px;object-fit:contain;border-radius:11px}.footer-contacts .phone-brand-icon{width:25px!important;height:25px!important;object-fit:contain;border-radius:6px}@media(max-width:360px){body .logo .brand-logo-image{max-width:100px}body .logo.brandmark-with-image .brand-name{font-size:13px}header{gap:8px}}
.contact-actions .phone-brand-icon,.footer-contacts .phone-brand-icon{object-fit:cover!important;transform:scale(1.15)!important}

/* Leave the image's alpha channel visible over the surrounding site surface. */
body .brand-logo-image,
body .admin-photo:has([data-setting="logo"]) > img {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
body .admin-photo:has([data-setting="logo"]) > img { padding: 0; }
body .brandmark-preview { background: transparent; }



:root[data-hero-cta] body .intro .first-action { background:var(--hero-cta)!important; color:var(--hero-cta-ink)!important; border-color:var(--hero-cta)!important; }
:root[data-hide-instagram] .aurea-instagram,
:root[data-hide-instagram] a[href*="instagram.com"],
:root[data-hide-whats-app] :is(.wa-link,.receipt-small-wa,a[href^="https://wa.me/"]),
:root[data-hide-phone] a[href^="tel:"],
:root[data-hide-map] :is(.gis-action,a[href*="2gis"]) { display:none!important; }
.admin-photo:has([data-setting="hero"]) > img { object-fit:contain!important;object-position:center!important;cursor:crosshair;padding:0!important; }
.hex-copy { display:inline-flex; align-items:center; gap:5px; padding:4px 8px; margin-bottom:10px; border:1px solid var(--brand-line); border-radius:6px; background:var(--brand-surface); color:var(--brand-ink); cursor:pointer; }
.hex-copy code { user-select:all; }
.hero-color-controls{margin-top:12px}

.admin-colors { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch }
.admin-color-item { display:grid;grid-template-rows:1fr auto;gap:4px;min-width:0 }
.admin-color-item .admin-field { display:grid;grid-template-rows:1fr auto;margin:0;min-width:0 }
.admin-color-item .hex-copy { justify-self:start;margin:0;max-width:100%;white-space:nowrap }
#admin-undo { position:absolute;right:55px;top:15px;min-width:38px;min-height:38px;font-size:23px;background:var(--brand-surface);color:var(--brand-ink);border:1px solid var(--brand-line);border-radius:8px }
#admin-undo:disabled { opacity:.35 }
.admin-top > div { padding-right:42px }

.hero-cta-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
@media(hover:hover){
  :root[data-hero-cta-hover] body .intro .first-action:hover {
    background:var(--hero-cta-hover)!important;color:var(--hero-cta-hover-ink)!important;border-color:var(--hero-cta-hover)!important;
  }
}
:root[data-hero-cta-hover] body .intro .first-action:active,
:root[data-hero-cta-hover] body .intro .first-action:focus-visible {
  background:var(--hero-cta-hover)!important;color:var(--hero-cta-hover-ink)!important;border-color:var(--hero-cta-hover)!important;
}

.hex-controls{display:flex;align-items:center;gap:4px;min-width:0}
.hex-controls input[data-hex-color]{width:100%;min-width:0;font:inherit;font-family:monospace;padding:5px 4px;border-radius:6px}
.hex-controls .hex-copy{flex:none;margin:0;padding:4px 6px}

:root[data-logo-headercolor] body .app > header,
:root[data-logo-headercolor] body .brandmark-preview {
  background: var(--logo-headerColor);
  color: var(--logo-headerColor-ink);
}
:root[data-logo-headercolor] body header :is(.logo,.brand-name,.header-location,.icon-button,.icon-button svg) {
  color: var(--logo-headerColor-ink);
}
:root[data-logo-languagecolor] body header #language-toggle {
  background: var(--logo-languageColor);
  color: var(--logo-languageColor-ink);
  border-color: transparent;
}
:root[data-logo-bottomwhatsappcolor] body .bottom-bar a.bottom-wa {
  background: var(--logo-bottomWhatsAppColor);
  color: var(--logo-bottomWhatsAppColor-ink);
  border: 1px solid var(--logo-whatsapp-border);
  box-shadow: none;
}
:root[data-logo-bottomwhatsappcolor] body .bottom-bar a.bottom-wa svg {
  display: block;
  color: inherit;
  width: 22px;
  height: 22px;
  margin: 0;
}
:root[data-logo-reservecolor] body .bottom-bar button.reserve-button {
  background: var(--logo-reserveColor);
  color: var(--logo-reserveColor-ink);
  border-color: var(--logo-reserveColor);
}
.site-brand-colors { margin: 10px 0; }

:root[data-logo-bottomwhatsappcolor] body .bottom-bar a.bottom-wa:hover {
  background: color-mix(in srgb, var(--logo-bottomWhatsAppColor) 95%, var(--logo-bottomWhatsAppColor-ink));
}

/* Keep the venue name directly on the header background. */
body .app > header .logo,
body .app > header .logo .brand-name {
  background: transparent;
  border: 0;
  box-shadow: none;
}
:root[data-logo-headernamecolor] body .app > header .logo .brand-name,
:root[data-logo-headernamecolor] body .brandmark-preview .brand-name {
  color: var(--logo-headerNameColor);
}
body .app > header a.icon-button.wa-link {
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
body .app > header a.icon-button.wa-link svg {
  width: 26px;
  height: 26px;
  flex: none;
}

#booking-form-photo:not([hidden]) {
  display: block;
  width: 100%;
  height: clamp(105px, 24vw, 155px);
  object-fit: cover;
  border-radius: 12px;
  margin: 8px 0 12px;
}