.dd-terrasgevoel { max-width:900px; }
.ddt-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
@media(max-width:600px){ .ddt-grid{grid-template-columns:1fr;} }

.ddt-venue { display:flex; flex-direction:column; }
.ddt-venue-header { display:flex; align-items:center; gap:10px; padding:16px; background:var(--dd-green); color:var(--dd-cream); }
.ddt-venue-icon { font-size:24px; }
.ddt-venue-header strong { display:block; font-size:15px; }
.ddt-venue-header span   { font-size:11.5px; opacity:.65; }
.ddt-status-wrap { margin-left:auto; display:flex; align-items:center; gap:6px; font-size:12px; }
.ddt-status-dot  { width:8px;height:8px;border-radius:50%;background:#aaa;flex-shrink:0; }
.ddt-status-dot.open   { background:#4caf73; animation:ddtPulse 2s ease infinite; }
.ddt-status-dot.busy   { background:#f39c12; animation:ddtPulse 2s ease infinite; }
.ddt-status-dot.full   { background:#e74c3c; }
.ddt-status-dot.closed { background:#aaa; }
@keyframes ddtPulse{0%,100%{box-shadow:0 0 0 0 rgba(76,175,115,.5)}50%{box-shadow:0 0 0 4px rgba(76,175,115,0)}}

.ddt-stream-wrap { position:relative; padding-top:56.25%; }
.ddt-stream-wrap iframe { position:absolute;inset:0;width:100%;height:100%; }

.ddt-ambient-bg {
  height:200px; display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden;
}
.ddt-bg-pub  { background:linear-gradient(135deg,#3d1f08,#7a4010,#c47c2b); }
.ddt-bg-park { background:linear-gradient(135deg,#0a1f08,#1e3a18,#2d6a24); }
.ddt-ambient-overlay { position:absolute;inset:0; background:rgba(0,0,0,.2); }
.ddt-ambient-text { font-size:22px; font-weight:700; color:rgba(255,255,255,.85); position:relative; z-index:2; }
.ddt-ambient-particles { position:absolute;inset:0;overflow:hidden;z-index:1; }

.ddt-msg { padding:10px 16px; font-size:13px; color:var(--dd-muted); font-style:italic; min-height:36px; }
.ddt-music { padding:0 16px 12px; }
.ddt-music summary { font-size:12.5px; color:var(--dd-amber); cursor:pointer; list-style:none; padding:6px 0; }
.ddt-music details[open] summary { color:var(--dd-green); }

.ddt-reserve-btn { margin:12px 16px 16px; text-decoration:none; }