.konsertport-sidebar-calendar {
font-size: 14px;
border: 1px solid #e3e3e3;
padding: 12px;
border-radius: 6px;
background: #fff;
max-width: 100%;
}
.konsertport-sidebar-calendar__header {
margin-bottom: 10px;
}
.konsertport-sidebar-calendar__title {
font-weight: 600;
text-align: center;
margin-bottom: 4px;
}
.konsertport-sidebar-calendar__weekdays {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 4px;
text-align: center;
font-size: 12px;
margin-bottom: 6px;
color: #777;
}
.konsertport-sidebar-calendar__weekday {
padding: 4px 0;
}
.konsertport-sidebar-calendar__grid {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 4px;
}
.konsertport-sidebar-calendar__cell,
.konsertport-sidebar-calendar__day {
-webkit-appearance: none;
appearance: none;
border: 1px solid #e5e7eb;
background: #fff;
color: #111;
padding: 0;
margin: 0;
min-height: 36px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
cursor: pointer;
border-radius: 4px;
box-shadow: none;
line-height: 1.1;
font: inherit;
text-transform: none;
}
.konsertport-sidebar-calendar__cell:hover,
.konsertport-sidebar-calendar__day:hover {
background: #f5f7fa;
color: #b02d2d;
}
.konsertport-sidebar-calendar__cell--empty {
border: 0;
background: transparent;
cursor: default;
min-height: 36px;
}
.konsertport-sidebar-calendar__day-number {
display: block;
text-align: center;
font-size: 13px;
font-weight: 500;
}
.konsertport-sidebar-calendar__dot {
width: 6px;
height: 6px;
background: #2a7fff;
border-radius: 50%;
display: block;
margin-top: 4px;
flex: 0 0 auto;
}
.konsertport-sidebar-calendar__day.has-events .konsertport-sidebar-calendar__day-number {
font-weight: 700;
}
.konsertport-sidebar-calendar__day.active {
background: #2a7fff;
border-color: #2a7fff;
color: #fff;
}
.konsertport-sidebar-calendar__day.active .konsertport-sidebar-calendar__dot {
background: #fff;
}
.konsertport-sidebar-calendar__events {
margin-top: 12px;
border-top: 1px solid #eee;
padding-top: 10px;
}
.konsertport-sidebar-calendar__events-title {
font-weight: 600;
margin-bottom: 6px;
}
.konsertport-sidebar-calendar__event {
margin-bottom: 8px;
font-size: 13px;
}
.konsertport-sidebar-calendar__event span {
display: block;
}
.konsertport-sidebar-calendar__empty {
margin: 0;
}
.konsertport-sidebar-calendar__footer {
margin-top: 10px;
}
.konsertport-sidebar-calendar__link {
font-size: 13px;
text-decoration: none;
color: #2a7fff;
}
.konsertport-sidebar-calendar__link:hover {
text-decoration: underline;
}
.konsertport-sidebar-calendar__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 10px;
}
.konsertport-sidebar-calendar__title {
font-weight: 600;
text-align: center;
margin-bottom: 0;
flex: 1;
}
.konsertport-sidebar-calendar__nav {
-webkit-appearance: none;
appearance: none;
border: 1px solid #e5e7eb;
background: #fff;
color: #111;
width: 32px;
height: 32px;
border-radius: 4px;
cursor: pointer;
font: inherit;
font-size: 20px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
}
.konsertport-sidebar-calendar__nav:hover {
background: #f5f7fa;
color: #b02d2d;
}