/* Coffee Buddy v0.11.171 – universelle Logo-Safe-Flächen. */
:root {
  --cb-logo-surface: linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,248,235,.96));
  --cb-logo-border: rgba(168,126,75,.32);
  --cb-logo-shadow: inset 0 0 0 1px rgba(255,255,255,.58), 0 6px 18px rgba(74,46,27,.08);
}

[data-cb-logo-safe],
.buddy-premium-logo,
.venue-visual.is-premium-logo,
.popup-logo,
.venue-logo-shell,
.cb-silo-logo-shell,
.venue-logo-preview-context__safe {
  box-sizing: border-box;
  overflow: hidden;
  isolation: isolate;
  background: var(--cb-logo-surface);
  border: 1px solid var(--cb-logo-border);
  box-shadow: var(--cb-logo-shadow);
  background-clip: padding-box;
}

[data-cb-logo-safe] img,
.buddy-premium-logo img,
.venue-visual.is-premium-logo .venue-logo,
.popup-logo img,
.venue-logo-shell img,
.cb-silo-logo-shell img,
.geo-venue-logo,
.management-venue-logo,
.venue-logo-preview-context__safe img {
  box-sizing: border-box;
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center !important;
  padding: clamp(4px, 9%, 12px);
  border: 0 !important;
  background: transparent !important;
  filter: drop-shadow(0 0 .55px rgba(45,31,22,.34));
}

[data-cb-logo-safe].is-logo-wide img,
.is-logo-wide > img { padding-block: 18%; padding-inline: 7%; }
[data-cb-logo-safe].is-logo-tall img,
.is-logo-tall > img { padding-block: 7%; padding-inline: 18%; }

.buddy-premium-logo {
  width: 54px !important;
  height: 54px !important;
  flex: 0 0 54px !important;
  padding: 0 !important;
  border-radius: 15px !important;
}
.buddy-premium-logo img { width: 100% !important; height: 100% !important; }

.venue-visual.is-premium-logo {
  border-radius: 12px;
  padding: 0 !important;
}
.venue-visual.is-premium-logo .venue-logo {
  width: 100% !important;
  height: 100% !important;
}

.popup-logo { border-radius: 15px !important; padding: 0 !important; }
.popup-logo img { width: 100% !important; height: 100% !important; }

.marker-wrapper.has-premium-logo .marker-underlay {
  inset: 2px;
  border: 1px solid rgba(168,126,75,.45);
  border-radius: 22%;
  background: var(--cb-logo-surface);
  box-shadow: var(--cb-logo-shadow);
}
.marker-wrapper.has-premium-logo .marker-image {
  width: 78% !important;
  height: 78% !important;
  margin-top: 11%;
  padding: 5% !important;
  border-radius: 16%;
  filter: drop-shadow(0 0 .5px rgba(45,31,22,.36)) !important;
}

.venue-logo-shell { padding: 0 !important; border-radius: 20px; }
.venue-logo-shell img { width: 100%; height: 100%; }

.geo-venue-logo,
.management-venue-logo {
  overflow: hidden;
  background: var(--cb-logo-surface) !important;
  box-shadow: var(--cb-logo-shadow) !important;
}

.cb-silo-logo-shell { padding: 0 !important; }
.cb-silo-logo-shell img { width: 100%; height: 100%; }

.venue-logo-preview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}
.venue-logo-preview-context {
  min-width: 0;
  display: grid;
  gap: 6px;
  justify-items: center;
  padding: 10px;
  border: 1px solid rgba(212,171,89,.52);
  border-radius: 15px;
  background: rgba(255,255,255,.78);
}
.venue-logo-preview-context > span {
  color: #71513b;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .04em;
  text-align: center;
  text-transform: uppercase;
}
.venue-logo-preview-context__safe {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 13px;
  background-color: #fffaf1;
  background-image:
    linear-gradient(45deg, rgba(111,91,70,.055) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(111,91,70,.055) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(111,91,70,.055) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(111,91,70,.055) 75%);
  background-size: 14px 14px;
  background-position: 0 0, 0 7px, 7px -7px, -7px 0;
}
.venue-logo-preview-context--tip .venue-logo-preview-context__safe { aspect-ratio: 1; }
.venue-logo-preview-context--list .venue-logo-preview-context__safe { aspect-ratio: 1.35; }
.venue-logo-preview-context--landing .venue-logo-preview-context__safe { aspect-ratio: 1.7; }
.venue-logo-preview-context__safe img { width: 100%; height: 100%; }
.venue-logo-preview-placeholder {
  grid-column: 1 / -1;
  min-height: 110px;
  display: grid;
  place-items: center;
  color: #876b4e;
  font-size: 11px;
  font-weight: 750;
  text-align: center;
}

@media (max-width: 760px) {
  .venue-logo-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  .venue-logo-preview-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .buddy-premium-logo { width: 46px !important; height: 46px !important; flex-basis: 46px !important; }
}