
/* Cipher Lounge Events V2 - cache-proof event artwork layout */
.event-card.has-image{
  display:block !important;
}
.event-card.has-image .event-card-image{
  width:100% !important;
  max-width:1000px !important;
  height:auto !important;
  aspect-ratio:auto !important;
  margin:0 auto 28px !important;
  overflow:visible !important;
  border:1px solid rgba(195,155,98,.45) !important;
  background:#111a27 !important;
}
.event-card.has-image .event-card-image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
}
.event-card.has-image > div:last-child{
  display:grid !important;
  grid-template-columns:120px minmax(0,1fr) auto !important;
  gap:28px !important;
  align-items:center !important;
}
.event-row.has-image{
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  flex-wrap:wrap !important;
}
.event-row.has-image .event-row-image{
  width:220px !important;
  height:auto !important;
  flex:0 0 220px !important;
  aspect-ratio:auto !important;
  overflow:visible !important;
  border:1px solid rgba(195,155,98,.45) !important;
  background:#111a27 !important;
}
.event-row.has-image .event-row-image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
}
@media(max-width:720px){
  .event-card.has-image > div:last-child{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .event-row.has-image .event-row-image{
    width:100% !important;
    flex-basis:100% !important;
  }
}


/* Calendar event marker — actual Cipher key symbol in gold */
.calendar-key{
  display:inline-flex !important;
  width:18px !important;
  height:18px !important;
  margin-top:3px !important;
  font-size:0 !important;
  line-height:0 !important;
  vertical-align:middle !important;
}
.calendar-key::before{
  content:"" !important;
  display:block !important;
  width:18px !important;
  height:18px !important;
  background:#c39b62 !important;
  -webkit-mask:url("../assets/cipher-symbol.png") center / contain no-repeat !important;
  mask:url("../assets/cipher-symbol.png") center / contain no-repeat !important;
}


/* V3 calendar event marker — real Cipher symbol image */
.calendar-day .calendar-key{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
  margin-top:4px !important;
  background:none !important;
  font-size:0 !important;
  line-height:0 !important;
}
.calendar-day .calendar-key::before{
  content:none !important;
  display:none !important;
}
.calendar-day .calendar-key img{
  display:block !important;
  width:22px !important;
  height:22px !important;
  object-fit:contain !important;
  filter: sepia(1) saturate(1.6) hue-rotate(350deg) brightness(1.05) !important;
}
