/* Tourist Guide Leiden – uitgebreid redactioneel evenementadvies. */
.tglr-event-editorial{
  --tglr-event-ink:#153c40;
  --tglr-event-muted:#526d70;
  --tglr-event-teal:#075b63;
  --tglr-event-soft:#edf7f5;
  --tglr-event-line:#d7e7e4;
  width:min(100%,980px);
  margin:34px auto 10px!important;
  padding:clamp(20px,3vw,34px)!important;
  border:1px solid var(--tglr-event-line)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#fff 0%,#f6fbfa 100%)!important;
  box-shadow:0 18px 48px rgba(21,60,64,.09)!important;
  color:var(--tglr-event-ink)!important;
}
.tglr-event-editorial *{box-sizing:border-box}
.tglr-event-editorial__head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 16px!important;
}
.tglr-event-editorial__eyebrow{
  display:block!important;
  margin:0 0 5px!important;
  color:var(--tglr-event-teal)!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.09em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
.tglr-event-editorial__head h2{
  margin:0!important;
  color:var(--tglr-event-ink)!important;
  font-size:clamp(25px,3.4vw,38px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
.tglr-event-editorial__verdict{
  flex:0 0 auto!important;
  max-width:260px!important;
  padding:9px 13px!important;
  border:1px solid #bddbd6!important;
  border-radius:999px!important;
  background:#e7f5f2!important;
  color:#075b63!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.25!important;
  text-align:center!important;
}
.tglr-event-editorial--must_see .tglr-event-editorial__verdict{
  border-color:#ecd799!important;
  background:#fff7dc!important;
  color:#71530a!important;
}
.tglr-event-editorial--if_it_fits .tglr-event-editorial__verdict,
.tglr-event-editorial--enthusiasts .tglr-event-editorial__verdict{
  border-color:#d9dfe0!important;
  background:#f3f5f5!important;
  color:#435c5f!important;
}
.tglr-event-editorial__lead{
  max-width:820px!important;
  margin:0 0 16px!important;
  color:#294f53!important;
  font-size:17px!important;
  line-height:1.65!important;
}
.tglr-event-editorial__lead p{margin:0 0 10px!important}
.tglr-event-editorial__lead p:last-child{margin-bottom:0!important}
.tglr-event-editorial__tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:0 0 20px!important;
}
.tglr-event-editorial__tags span,
.tglx-event-card-audience span{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  border:1px solid #d5e5e2!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#31585c!important;
  font-weight:750!important;
}
.tglr-event-editorial__tags span{padding:7px 10px!important;font-size:12px!important;line-height:1.2!important}
.tglr-event-editorial__grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px!important;
  margin:0 0 13px!important;
}
.tglr-event-editorial__card{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  min-width:0!important;
  margin:0!important;
  padding:17px!important;
  border:1px solid var(--tglr-event-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(21,60,64,.045)!important;
}
.tglr-event-editorial__icon{
  display:grid!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  place-items:center!important;
  border-radius:11px!important;
  background:var(--tglr-event-soft)!important;
  color:var(--tglr-event-teal)!important;
  font-size:17px!important;
  font-weight:900!important;
}
.tglr-event-editorial__card h3,
.tglr-event-editorial__attention h3{
  margin:1px 0 7px!important;
  color:var(--tglr-event-ink)!important;
  font-size:17px!important;
  line-height:1.2!important;
  letter-spacing:-.015em!important;
}
.tglr-event-editorial__card p{
  margin:0 0 8px!important;
  color:var(--tglr-event-muted)!important;
  font-size:14px!important;
  line-height:1.58!important;
}
.tglr-event-editorial__card p:last-child{margin-bottom:0!important}
.tglr-event-editorial__attention{
  margin:0 0 13px!important;
  padding:16px 17px!important;
  border:1px solid #eadfca!important;
  border-radius:17px!important;
  background:#fffaf1!important;
}
.tglr-event-editorial__attention ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px 22px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.tglr-event-editorial__attention li{
  position:relative!important;
  margin:0!important;
  padding-left:18px!important;
  color:#655b47!important;
  font-size:13.5px!important;
  line-height:1.45!important;
}
.tglr-event-editorial__attention li:before{
  content:'•'!important;
  position:absolute!important;
  left:3px!important;
  top:0!important;
  color:#b77e17!important;
  font-size:18px!important;
  line-height:1.1!important;
}
.tglr-event-editorial__tip{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin:0!important;
  padding:16px 17px!important;
  border-radius:17px!important;
  background:#0d5f66!important;
  color:#fff!important;
}
.tglr-event-editorial__tip>span{
  display:grid!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  place-items:center!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.14)!important;
  font-weight:900!important;
}
.tglr-event-editorial__tip strong{
  display:block!important;
  margin:0 0 3px!important;
  color:#fff!important;
  font-size:14px!important;
}
.tglr-event-editorial__tip p{
  margin:0 0 7px!important;
  color:rgba(255,255,255,.9)!important;
  font-size:13.5px!important;
  line-height:1.52!important;
}
.tglr-event-editorial__tip p:last-child{margin-bottom:0!important}

/* Compacte extra informatie op gewone evenementkaarten. */
.tglx-event-card-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 9px!important;
}
.tglx-event-card-meta .tglx-event-card-date{margin:0!important}
.tglx-event-card-verdict{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:6px 9px!important;
  border:1px solid #c9ddd9!important;
  border-radius:999px!important;
  background:#f1f7f6!important;
  color:#24565b!important;
  font-size:10.5px!important;
  font-weight:850!important;
  line-height:1.25!important;
}
.tglx-event-card-verdict--must_see{border-color:#ecd799!important;background:#fff7dc!important;color:#71530a!important}
.tglx-event-card-audience{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin:6px 0 9px!important;
}
.tglx-event-card-audience span{
  padding:4px 7px!important;
  font-size:9.5px!important;
  line-height:1.2!important;
}

@media(max-width:720px){
  .tglr-event-editorial{margin:25px 0 6px!important;padding:18px!important;border-radius:19px!important}
  .tglr-event-editorial__head{display:block!important}
  .tglr-event-editorial__verdict{display:inline-flex!important;margin-top:11px!important;max-width:100%!important;text-align:left!important}
  .tglr-event-editorial__lead{font-size:15px!important;line-height:1.58!important}
  .tglr-event-editorial__grid{grid-template-columns:1fr!important}
  .tglr-event-editorial__attention ul{grid-template-columns:1fr!important}
  .tglr-event-editorial__card{padding:15px!important}
  .tglx-event-card-meta{gap:5px!important}
  .tglx-event-card-verdict{font-size:9.5px!important;padding:5px 8px!important}
}