.calendar-dropdown-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#1d4ed8);border:none;border-radius:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .3s;box-shadow:0 10px 15px -3px #3b82f633,0 4px 6px -2px #3b82f61a}@media (min-width:640px){.calendar-dropdown-button{padding:.625rem 1rem;font-size:.875rem}}.calendar-dropdown-button:hover{background:linear-gradient(90deg,#3b82f6,#2563eb)}.calendar-dropdown-button:focus{outline:none;box-shadow:0 0 0 2px #60a5fa,0 0 0 4px #1f2937}.calendar-dropdown-menu{z-index:50;background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;min-width:max-content;position:fixed;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.calendar-dropdown-menu .dropdown-inner{padding:.25rem 0}.calendar-dropdown-item{color:#e5e7eb;white-space:nowrap;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;text-decoration:none;transition:background-color .15s;display:flex}.calendar-dropdown-item:hover{background-color:#374151}
.event-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#1f293780;border:1px solid #37415180;border-radius:.5rem;flex-direction:column;padding-bottom:3rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.event-card:hover{border-color:#3b82f64d;box-shadow:0 25px 50px -12px #00000040}@media (min-width:640px){.event-card{min-height:320px;padding-bottom:3.5rem}}.event-card .header-image-container{aspect-ratio:1.77;background-color:#000;width:100%;display:none;overflow:hidden}@media (min-width:640px){.event-card .header-image-container{display:block}}.event-card .header-image-container img{object-fit:contain;width:100%;height:100%}.event-card .card-content{flex-direction:column;flex-grow:1;gap:.625rem;padding:.75rem .75rem 0;display:flex}@media (min-width:640px){.event-card .card-content{padding:1rem 1rem 0}}.event-card .card-content .date-time-section{flex-direction:column;gap:.25rem;display:flex}.event-card .card-content .date-time-section .event-date{color:#60a5fa;font-size:.875rem;font-weight:600}@media (min-width:640px){.event-card .card-content .date-time-section .event-date{font-size:1rem}}.event-card .card-content .date-time-section .event-time{color:#93c5fd;font-size:.75rem;font-weight:500}@media (min-width:640px){.event-card .card-content .date-time-section .event-time{font-size:.875rem}}.event-card .card-content .event-name{color:#e5e7eb;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.75rem;font-weight:600;display:-webkit-box;overflow:hidden}@media (min-width:640px){.event-card .card-content .event-name{font-size:.875rem}}.event-card .card-content .registration-info{flex-direction:column;gap:.625rem;display:flex}.event-card .card-content .registration-info p{color:#f87171;font-size:.75rem;font-weight:600}@media (min-width:640px){.event-card .card-content .registration-info p{font-size:.875rem}}.event-card .card-content .store-section{border-top:1px solid #37415180;flex-direction:column;gap:.625rem;padding-top:.625rem;display:flex}.event-card .card-content .store-section .store-name-link{color:#60a5fa;word-break:break-word;font-size:.75rem;font-weight:600;transition:color .3s;display:inline-block}@media (min-width:640px){.event-card .card-content .store-section .store-name-link{font-size:.875rem}}.event-card .card-content .store-section .store-name-link:hover{color:#93c5fd}.event-card .card-content .store-section .store-name-text{color:#e5e7eb;word-break:break-word;font-size:.75rem;font-weight:600}@media (min-width:640px){.event-card .card-content .store-section .store-name-text{font-size:.875rem}}.event-card .card-content .store-section .address-link{color:#9ca3af;align-items:flex-start;gap:.5rem;margin-bottom:10px;font-size:.75rem;transition:color .3s;display:flex}@media (min-width:640px){.event-card .card-content .store-section .address-link{margin-bottom:0;font-size:.875rem}}.event-card .card-content .store-section .address-link:hover{color:#60a5fa}.event-card .card-content .store-section .address-link:hover .location-icon{color:#f87171}.event-card .card-content .store-section .address-link:hover .address-text{text-decoration:underline}.event-card .card-content .store-section .address-link .location-icon{color:#ef4444;flex-shrink:0;margin-top:.125rem;transition:color .3s}.event-card .card-content .store-section .address-link .address-text{word-break:break-word}.event-card .button-row{gap:.5rem;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}@media (min-width:640px){.event-card .button-row{bottom:1rem;left:1rem;right:1rem}}.event-card .button-row .view-event-btn{text-align:center;color:#fff;background:linear-gradient(90deg,#2563eb,#1d4ed8);border-radius:.375rem;width:3rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .3s;box-shadow:0 10px 15px -3px #3b82f633}@media (min-width:640px){.event-card .button-row .view-event-btn{width:3.5rem;padding:.625rem 1rem;font-size:.875rem}}.event-card .button-row .view-event-btn:hover{background:linear-gradient(90deg,#3b82f6,#2563eb)}.event-card .button-row .view-event-btn:focus{ring:2px;ring-color:#60a5fa;ring-offset:2px;ring-offset-color:#1f2937;outline:none}.event-card .button-row .view-event-btn svg{width:100%;height:20px}.event-card .button-row .event-link-btn{text-align:center;color:#fff;background:linear-gradient(90deg,#2563eb,#1d4ed8);border-radius:.375rem;flex:1;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .3s;box-shadow:0 10px 15px -3px #3b82f633}@media (min-width:640px){.event-card .button-row .event-link-btn{padding:.625rem 1rem;font-size:.875rem}}.event-card .button-row .event-link-btn:hover{background:linear-gradient(90deg,#3b82f6,#2563eb)}.event-card .button-row .event-link-btn:focus{ring:2px;ring-color:#60a5fa;ring-offset:2px;ring-offset-color:#1f2937;outline:none}
