.calendar-events{padding:2rem;background:#1a1f2d;color:#fff;min-height:600px}.calendar-events .custom-container{display:grid;grid-template-columns:350px 1fr;gap:2rem;max-width:1600px;width:100%;margin:0 auto}.calendar-events__container{background:#0b141f;padding:1.5rem;border-radius:8px;height:max-content}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-nav{background:none;border:none;cursor:pointer;padding:10px;color:#fff}.calendar-nav:hover{opacity:.7}#currentMonthYear{font-size:1.2em;margin:0;text-transform:uppercase;color:#fff}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:500;margin-bottom:10px;color:#8e94a3}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day{padding:15px 10px;text-align:center;cursor:pointer;border-radius:4px;font-size:.9em}.calendar-day.has-event{background-color:#ffffff1a;position:relative}.calendar-day.has-event:hover{background-color:#fff3}.calendar-day.disabled{opacity:.3;cursor:default}.calendar-day.active{background-color:#4a90e2;color:#fff}.events-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.event-item{display:flex;gap:1.5rem;padding:1.5rem;background:#0b141f;border-radius:8px;transition:transform .2s ease;cursor:pointer}.event-item:hover{transform:translateY(-2px)}.event-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;padding:.5rem;background:#ffffff1a;border-radius:6px}.event-day{font-size:1.5em;font-weight:700}.event-month{text-transform:uppercase;font-size:.9em;color:#8e94a3}.event-content{display:flex;justify-content:space-between;align-items:center;flex:1}.event-details{flex:1}.event-name{margin:0 0 .5rem;font-size:1.2em;color:#fff}.event-datetime{display:flex;flex-direction:column;gap:.5rem;color:#8e94a3}.event-location{display:flex;align-items:center;gap:.5rem}.event-image{width:120px;height:80px;border-radius:6px;overflow:hidden}.event-image img{width:100%;height:100%;object-fit:cover}.calendar-actions{text-align:center;margin-top:1rem;display:flex;justify-content:center}.clear-date-btn{display:none;opacity:0;transition:opacity .5s ease;padding:.5rem 1rem;background:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem}.clear-date-btn:hover{background:#fff3}@media (max-width: 768px){.calendar-events{grid-template-columns:1fr}.event-content{flex-direction:column;align-items:flex-start;gap:1rem}.event-image{width:100%;height:160px}}.popup-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:999}.popup-overlay.active{display:block}.event-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:90vh;background:#0b141f;border-radius:12px;z-index:1000;overflow-y:auto}.event-popup.active{display:block}.popup-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:2}.popup-close:hover{background:#fff3}.popup-image-container{position:relative;width:100%;height:500px;overflow:hidden;border-radius:12px 12px 0 0}.popup-image-container img{width:100%;height:100%;object-fit:cover}.popup-details{padding:2rem}.popup-title{font-size:1.8em;margin:0 0 1rem;color:#fff}.popup-description{font-size:1.1em;line-height:1.6;color:#8e94a3;margin:0 0 1.5rem}.popup-location{display:flex;align-items:center;gap:.75rem;color:#8e94a3}.popup-location svg{width:20px;height:20px}@media (max-width: 768px){.event-popup{width:95%}.popup-image-container{height:300px}.popup-details{padding:1.5rem}}.event-info-bar{position:absolute;bottom:0;left:0;right:0;background:#1a1f2de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.event-info-group{display:flex;gap:2rem;align-items:center}.event-info-item{display:flex;align-items:center;gap:.5rem}.event-info-item svg{width:20px;height:20px;opacity:.7}.add-to-calendar-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.25rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.add-to-calendar-btn:hover{background:#fff3}.add-to-calendar-btn svg{width:18px;height:18px}.hidden-event{display:none}.show-event{display:flex!important}.show-more-container{text-align:center;margin-top:2rem;display:flex;justify-content:center}.show-more-events{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1rem}.show-more-events:hover{background:#fff3}@media screen and (max-width: 1024px){.calendar-events{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.calendar-events__container{padding:1.25rem}.calendar-grid{max-width:600px;margin:0 auto}.events-list{max-width:800px;margin:0 auto}}@media screen and (max-width: 767px){.calendar-events .custom-container{grid-template-columns:1fr}.calendar-events{padding:1rem;gap:1rem}.calendar-events__container{padding:1rem}.calendar-grid{font-size:.9rem}.weekdays div,.days div{height:40px}.event-item{flex-direction:column;background:#0b141f;border-radius:12px;padding:1.5rem;gap:1rem}.event-date-badge{display:none}.event-content{flex-direction:column;gap:1rem}.event-details{display:flex;flex-direction:column;gap:.5rem}.event-datetime{order:-1}.event-full-date{font-size:1rem;color:#8e94a3;margin-bottom:.25rem}.event-name{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.event-location{display:flex;align-items:center;gap:.5rem;color:#8e94a3}.event-location svg{width:18px;height:18px;opacity:.7}.event-image{width:100%;height:180px;border-radius:8px;overflow:hidden;order:-1}.event-image img{width:100%;height:100%;object-fit:cover}.events-list{gap:1rem;padding:0 1rem}.event-popup{width:95%;max-height:95vh}.popup-image-container{height:300px}.event-info-bar{flex-direction:column;gap:1rem;padding:1rem}.event-info-group{flex-wrap:wrap;gap:1rem;justify-content:center}.popup-details{padding:1rem}.popup-title{font-size:1.5em}.popup-description{font-size:1rem}.add-to-calendar-btn{width:100%;justify-content:center}.popup-close{top:.5rem;right:.5rem;width:32px;height:32px}.calendar-header{margin-bottom:1rem}#currentMonthYear{font-size:1.1em}.calendar-nav{padding:8px}.show-more-container{margin-top:1.5rem}.show-more-events{width:100%;padding:.75rem}}@media screen and (max-width: 374px){.calendar-grid{font-size:.8rem}.weekdays div,.days div{height:35px}.event-datetime{font-size:.9rem}.event-name{font-size:1.1em}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/calendar-events.css.map */