/* RepublicaPass V26 — compact date badge on event cards */
@media(max-width:820px){
  .homev3-event-date{
    top:9px!important;
    left:9px!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 10px!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:999px!important;
    background:rgba(2,8,6,.70)!important;
    border:1px solid rgba(13,242,138,.16)!important;
    backdrop-filter:blur(10px) saturate(1.12)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.20),0 0 0 1px rgba(255,255,255,.015) inset!important;
    color:#94a69d!important;
    font-size:7.5px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
    transform:translateZ(0)!important;
    animation:rp26DateIn .6s cubic-bezier(.2,.82,.2,1) both!important;
  }
  .homev3-event-date b{
    font-family:"Space Grotesk",sans-serif!important;
    font-size:13px!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
    color:#f4fbf7!important;
  }
  .homev3-event-date::before{
    content:"";
    display:block;
    width:5px;
    height:5px;
    flex:0 0 5px;
    border-radius:50%;
    background:#0df28a;
    box-shadow:0 0 9px rgba(13,242,138,.55);
  }
  .homev3-event:active .homev3-event-date{
    border-color:rgba(13,242,138,.26)!important;
    background:rgba(2,10,7,.80)!important;
  }
}

@media(max-width:420px){
  .homev3-event-date{
    top:8px!important;
    left:8px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 9px!important;
    gap:4px!important;
    font-size:7px!important;
  }
  .homev3-event-date b{font-size:12px!important}
  .homev3-event-date::before{width:4px;height:4px;flex-basis:4px}
}

@keyframes rp26DateIn{
  0%{opacity:0;transform:translate3d(-8px,-4px,0) scale(.94)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

@media(prefers-reduced-motion:reduce){
  .homev3-event-date{animation:none!important}
}