/* Calendar Grid Cleanup */
.piecal-grid-day-header-text {
    color:#5f626c;
}

.piecal-wrapper[data-view='dayGridMonth'] .fc-daygrid-day-number {
    color: inherit;
    cursor: default;
    text-decoration: none;
}

/* Calendar Controls */
.piecal-controls__view-title span {
 font-size: 20px;
 color: #151827;
}
.pmg-pie-view-switcher {
    display: inline-flex;
    gap: 4px;
    flex-shrink: 0;
}

.piecal-wrapper .pmg-pie-view-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    color: #5f626c;
    box-shadow: none;
    cursor: pointer;
}

.piecal-wrapper .pmg-pie-view-button[aria-pressed='true'] {
    color: #151827;
    border-bottom-color: currentColor;
}

.piecal-wrapper .pmg-pie-view-button:hover {
    background: #f2f3f5;
    color: #151827;
}

.piecal-wrapper .pmg-pie-view-button:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.piecal-wrapper .piecal-controls.fc .piecal-controls__navigation-button-group {
    --fc-button-text-color: #000;
    --fc-button-bg-color: transparent;
    --fc-button-border-color: #000;
    --fc-button-hover-bg-color: transparent;
    --fc-button-hover-border-color: #000;
    --fc-button-active-bg-color: transparent;
    --fc-button-active-border-color: #000;
    width: auto;
}

.piecal-wrapper .piecal-controls__navigation-button-group svg {
    vertical-align: -0.125em;
}

.piecal-wrapper .piecal-controls.fc .piecal-controls__prev-button {
    border-right-width: 0;
}

.piecal-wrapper .piecal-controls.fc .piecal-controls__next-button {
    border-left-width: 0;
}

@media (max-width: 860px) {
    .pmg-pie-view-switcher[data-pmg-pie-has-image-view='true'] [data-pmg-pie-view='dayGridMonth'] {
        display: none;
    }
}

/* Calendar Footer */
.piecal-footer {
    display:none;
}

/* Image List Views: Month - List with Image and List - Upcoming with Image */
.piecal-wrapper[data-view='listMonthWithFeaturedImage'] .fc-list-event-title,
.piecal-wrapper[data-view='listUpcomingWithFeaturedImage'] .fc-list-event-title {
    grid-template-columns: minmax(0, 1fr) 250px;
}

.piecal-wrapper[data-view='listMonthWithFeaturedImage'] .fc-list-event-title > div,
.piecal-wrapper[data-view='listUpcomingWithFeaturedImage'] .fc-list-event-title > div {
    grid-column: 1;
    min-width: 0;
}

.piecal-wrapper[data-view='listMonthWithFeaturedImage'] .fc-list-event-title a,
.piecal-wrapper[data-view='listUpcomingWithFeaturedImage'] .fc-list-event-title a {
    font-size: 20px;
}

.piecal-wrapper[data-view='listMonthWithFeaturedImage'] .fc-list-event-title img,
.piecal-wrapper[data-view='listUpcomingWithFeaturedImage'] .fc-list-event-title img {
    width: 250px;
    max-width: 100%;
}

/* Event Details Popover */
.piecal-popover__close-button {
    position:sticky!important;
}

.piecal-popover__close-button:active, .piecal-popover__close-button:hover, .piecal-popover__close-button:focus {
    background:#FFFFFF;
}

@media (max-width: 768px) {
    .piecal-wrapper[data-view='listMonthWithFeaturedImage'] .fc-list-event-title,
    .piecal-wrapper[data-view='listUpcomingWithFeaturedImage'] .fc-list-event-title {
        grid-template-columns: minmax(0, 1fr);
    }

    .piecal-wrapper[data-view='listUpcomingWithFeaturedImage'] .fc-list-event-title img {
        width: 100%;
    }
}