:root{--default-day-gap: 6px;--small-day-gap: 2px;--days-per-row: 7}.event-calendar{max-width:850px;margin:auto}.calendar-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--outline-80)}.calendar-prev-btn,.calendar-next-btn,.month-year{flex:1 1 auto;text-align:center}.calendar-prev-btn,.calendar-next-btn{max-width:60px}.calendar-prev-btn{order:1}.calendar-next-btn{order:3}.month-year{font-size:24px;font-weight:700;color:var(--text-dark);order:2}.calendar-body{padding:20px}.days{display:flex;flex-wrap:wrap;gap:var(--default-day-gap)}.weekday{text-align:center;font-size:clamp(10px,3vw,14px);font-weight:700;color:var(--text-dark);padding:8px 0;flex:0 0 calc((100% / var(--days-per-row)) - var(--default-day-gap))}.day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;font-size:clamp(10px,2vw,18px);font-weight:600;transition:all .2s;position:relative;border:2px solid transparent;background:#f9fafb;max-height:110px;flex:0 0 calc((100% / var(--days-per-row)) - var(--default-day-gap))}.day:hover{background:var(--text-dark);color:#fff;transform:scale(1.05)}.day.other-month{color:#d1d5db;background:transparent}.day:not(.has-events){pointer-events:none}.day.other-month:hover{background:#f9fafb}.day.today{border-color:var(--text-dark)}.day.selected{background:var(--text-dark);color:#fff}.day.other-month.has-events{background:var(--ochre-50);color:#fff}.day.other-month.has-events .event-count{color:#fff}.day.has-events{background:var(--ochre);color:#fff}.day.selected.has-events{background:var(--text-dark);color:#fff}.day.selected.has-events .event-count{color:#fff}.day.has-events:hover{background:var(--text-dark);color:#fff}.day.has-events:hover .event-count{color:#fff}.day.disabled{color:#d1d5db;cursor:not-allowed;background:#f9fafb}.day.disabled:hover{background:#f9fafb;transform:none}.no-events{padding:2px 6px;margin-top:2px;width:100%;height:100%}.event-count{font-size:clamp(10px,2vw,15px);font-weight:700;background:#ffffff4d;padding:2px 6px;border-radius:10px;margin-top:2px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--text-dark)}.day.has-events .event-count{background:#fff6}.day.selected .event-count{background:#ffffff4d}.selected-day-events{margin-top:30px;padding:20px}.selected-day-events h3{color:var(--text-dark);margin-bottom:15px;font-size:18px;font-weight:600;text-align:center}.event-list{display:flex;flex-direction:column;gap:12px}.event-item{background:var(--error-30);padding:15px;border-radius:8px;border-left:4px solid var(--error);box-shadow:0 1px 3px #0000001a;transition:all .2s;cursor:pointer;max-width:850px;width:100%;margin:auto}.event-item:hover{box-shadow:0 4px 6px #0000001a;transform:translate(4px)}.event-title{font-weight:600;color:#1f2937;margin-bottom:5px}.event-dates{font-size:13px;color:#6b7280}.no-events{color:#6b7280;font-style:italic;text-align:center;padding:20px}.demo-controls{margin-bottom:30px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.control-group{margin-bottom:15px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.control-group label{font-weight:600;color:#374151;min-width:100px}.control-group input,.control-group button{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.control-group button{background:#3b82f6;color:#fff;cursor:pointer;border:none;transition:background .2s}.control-group button:hover{background:#2563eb}@media (max-width: 576px){.calendar-header{gap:10px;flex-wrap:wrap;justify-content:space-around}.calendar-prev-btn{order:1}.calendar-next-btn{order:2}.month-year{width:100%;order:3}.calendar-body-margin,.selected-day-events{margin-left:0!important;margin-right:0!important}.calendar-body{padding:2px}.days{gap:var(--small-day-gap)}.weekday,.day{flex:0 0 calc((100% / var(--days-per-row)) - var(--small-day-gap))}}
/*# sourceMappingURL=event-calendar.min.css.map */