/* site-specifiek: rooftopbars (thema t-rooftop staat in cartoon.css) */
.t-rooftop .c-hero{background-color:#e0d0ff;background-image:linear-gradient(180deg,#ffc4e1 0,#e0d0ff 55%,#b9a3ff 100%),radial-gradient(rgba(255,255,255,.7) 2.5px,transparent 3px);background-size:auto,34px 34px;background-blend-mode:normal;padding-bottom:140px}
.t-rooftop .c-hero .c-hero-grid{z-index:3}
.t-rooftop .c-photo{margin-bottom:6px}
.t-rooftop .c-photo .cktl{width:110px;height:auto;right:-14px;bottom:-34px;transform:rotate(8deg)}
.t-rooftop .c-dec.moon{width:76px;right:4%;top:20px;z-index:2}
.t-rooftop .c-dec.st1{width:34px;left:46%;top:26px;z-index:2}
.t-rooftop .c-dec.st2{width:26px;left:8%;bottom:150px;z-index:2}
.c-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:24px;align-items:center}
.c-intro-grid .c-aside{width:70px;height:auto;justify-self:center}
.t-rooftop .c-sec h2{margin-bottom:12px}
.c-card .closed{margin-top:4px}
@media (max-width:700px){
 .t-rooftop .c-hero{padding-bottom:100px}
 .t-rooftop .c-photo .cktl{width:78px;right:-6px;bottom:-26px}
 .t-rooftop .c-dec.moon{width:54px;right:3%;top:10px}
 .c-intro-grid{grid-template-columns:minmax(0,1fr)}.c-intro-grid .c-aside{display:none}
}
.t-rooftop .c-photo figcaption{max-width:calc(100% - 110px)}
@media (max-width:700px){.t-rooftop .c-photo figcaption{max-width:calc(100% - 84px)}}
/* mini-kaart per bar: stadslabel naast de marker */
.c-mlab{display:inline-block;white-space:nowrap;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;color:var(--ink);box-shadow:2px 2px 0 var(--shadow)}