/* Event card interaction layout: favorite top-right, RSVP + Gecko + more in footer */

/* Keep the location and direct navigation action together in one calm row. */
.event-location-meta-row{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  width:100%;
}
.event-location-meta-row .event-meta-click{
  flex:0 1 auto;
  width:auto!important;
  max-width:calc(100% - 32px);
  min-width:0;
}
.event-location-navigation{
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#8fcdf0;
  opacity:.9;
  text-decoration:none;
  transition:.16s ease;
}
.event-location-navigation:hover{
  opacity:1;
  color:#e5f7ff;
  background:rgba(99,200,255,.07);
}
.event-location-navigation svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Favorite and overflow menu share the top-right action rail. */
.event-corner-actions{gap:4px!important}
.event-corner-actions .favorite-btn{position:relative;z-index:2}

/* Footer hierarchy: RSVP actions | Gecko count | overflow menu. */
.event-rsvp-bar{
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:0!important;
}
.event-rsvp-buttons{padding-right:12px}

.event-rsvp-bar .event-participant-summary{
  order:2;
  min-width:68px;
  width:auto;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  padding:4px 12px 4px 14px;
  border:0;
  border-left:1px solid rgba(224,231,233,.13);
  border-radius:0;
  background:transparent;
  color:#d5e4eb;
  box-shadow:none;
  text-align:center;
}
.event-rsvp-bar .event-participant-summary:hover,
.event-rsvp-bar .event-participant-summary.active,
.event-rsvp-bar .event-participant-summary.has-participants{
  border-color:rgba(224,231,233,.18);
  background:transparent;
  box-shadow:none;
  color:#f0f9fd;
}
.event-rsvp-bar .event-participant-summary strong{
  order:1;
  font-size:1.02rem;
  line-height:1;
  color:#f2f8fb;
  font-weight:700;
}
.event-rsvp-bar .event-gecko-icon{
  order:2;
  width:21px;
  height:28px;
  display:grid;
  place-items:center;
  color:#8fd7ff;
  filter:drop-shadow(0 0 6px rgba(99,200,255,.16));
}
.event-rsvp-bar .event-participant-summary>span:last-child{display:none!important}

.event-rsvp-bar .event-footer-more{
  order:3;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin:0;
  padding-left:11px;
  border-left:1px solid rgba(224,231,233,.13);
}
.event-rsvp-bar .event-footer-more .event-more-btn{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#bccbd2;
}
.event-rsvp-bar .event-footer-more .event-more-btn:hover,
.event-rsvp-bar .event-footer-more .event-more-btn:focus-visible{
  color:#eefaff;
  background:rgba(99,200,255,.07);
}
.event-rsvp-bar .event-footer-more .event-more-btn .detail-action-icon{width:19px;height:19px}
.event-rsvp-bar .event-footer-more .detail-more-menu{
  right:0;
  left:auto;
  top:auto;
  bottom:calc(100% + 8px);
  min-width:210px;
  z-index:30;
}
.event-rsvp-bar .event-footer-more .detail-more-menu a[href*="create-event.html?edit="]{
  margin-top:4px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.09);
}

/* Keep creator credit directly behind the event description. */
.event-description-copy{
  display:inline!important;
  width:auto!important;
  max-width:none!important;
}
.event-description-creator{
  display:inline!important;
  margin:0 0 0 .35em!important;
}

@media(max-width:780px){
  .event-rsvp-buttons{padding-right:9px}
  .event-rsvp-bar .event-participant-summary{min-width:61px;padding-left:10px;padding-right:10px;gap:5px}
  .event-rsvp-bar .event-gecko-icon{width:19px;height:25px}
  .event-rsvp-bar .event-footer-more{padding-left:8px}
  .event-rsvp-bar .event-footer-more .event-more-btn{width:36px;height:36px}
}

@media(max-width:520px){
  .event-location-meta-row{gap:4px}
  .event-location-navigation{flex-basis:28px;width:28px;height:28px}
  .event-location-navigation svg{width:16px;height:16px}

  .event-rsvp-bar{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:0!important;
  }
  .event-rsvp-buttons{gap:4px!important;padding-right:6px}
  .event-rsvp-bar .event-participant-summary{
    min-width:51px;
    min-height:36px;
    gap:4px;
    padding:3px 7px 3px 8px;
  }
  .event-rsvp-bar .event-participant-summary strong{font-size:.86rem}
  .event-rsvp-bar .event-gecko-icon{width:16px;height:22px}
  .event-rsvp-bar .event-footer-more{padding-left:6px}
  .event-rsvp-bar .event-footer-more .event-more-btn{width:32px;height:36px}
  .event-rsvp-bar .event-footer-more .event-more-btn .detail-action-icon{width:17px;height:17px}
  .event-rsvp-bar .event-footer-more .detail-more-menu{min-width:200px;right:-2px}
}

@media(max-width:390px){
  .event-rsvp-buttons{padding-right:4px}
  .event-rsvp-bar .event-participant-summary{min-width:45px;padding-left:6px;padding-right:5px;gap:3px}
  .event-rsvp-bar .event-participant-summary strong{font-size:.79rem}
  .event-rsvp-bar .event-gecko-icon{width:14px;height:20px}
  .event-rsvp-bar .event-footer-more{padding-left:4px}
  .event-rsvp-bar .event-footer-more .event-more-btn{width:30px}
}


/* Keep the overflow menu at the top; navigation sits directly after the address. */
.event-corner-actions .event-more-wrap{
  position:relative;
  display:block;
  flex:none;
  min-width:0;
  border:0;
}
.event-corner-actions .event-more-wrap .detail-more-menu{
  right:0!important;
  left:auto!important;
  top:calc(100% + 5px)!important;
  bottom:auto!important;
}