/* === FullCalendar Toolbar Styling to Match Divi === */
.tribe-events-c-top-bar, .tribe-events-header {
display: flex;
flex-direction: column;
align-items: center;
font-family: inherit;
}
/* Toolbar Buttons: Side by Side */
.tribe-events-c-top-bar__nav-list {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.tribe-events-c-top-bar__nav-link,
.tribe-events-c-view-selector__button,
.tribe-events-c-top-bar__today-button {
/* Match Divi color scheme */
color: white;
border-radius: 6px;
padding: 10px 15px;
font-size: 16px;
font-weight: bold;
border: none;
cursor: pointer;
text-transform: uppercase;
display: inline-block;
text-align: center;
}
.tribe-events-c-top-bar__nav-link:hover,
.tribe-events-c-view-selector__button:hover,
.tribe-events-c-top-bar__today-button:hover {
}
/* Ensure buttons are in a row */
.tribe-events-c-events-bar__views {
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
}
/* === Calendar Grid Styling === */
.tribe-events-calendar-month__day-cell,
.tribe-events-calendar-month__day {
border: 1px solid #ddd;
background-color: white;
padding: 15px;
position: relative;
}
/* Center Days of the Week */
.tribe-events-calendar-month__header-column-title,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title {
background-color: #5C1D40;
color: white;
text-transform: uppercase;
font-weight: bold;
padding: 12px;
text-align: center;
font-size: 16px;
}
/* Ensure full width for header rows */
/* .tribe-events-calendar-month__header-row {
display: flex;
justify-content: space-between;
padding: 10px;
color: white;
font-weight: bold;
text-align: center;
} */
/* Remove the dropdown and force inline buttons */
.tribe-events-c-view-selector__content {
display: flex !important;
position: static !important;
flex-direction: row;
gap: 10px;
background: none !important;
box-shadow: none !important;
}
.tribe-events-c-view-selector__list {
display: flex;
flex-direction: row;
gap: 10px;
list-style: none;
padding: 0;
margin: 0;
}
.tribe-events-c-view-selector__button {
display: none !important;
}
.tribe-events-c-view-selector__list-item-link {
display: none;
}
.tribe-common svg:not(:root) {
overflow: hidden;
display: none!important;
}
.tribe-events-calendar-month__header-column-title {
text-align: center !important;
vertical-align: middle !important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title:not(:last-child) {
border-right: 1px solid #ffffff !important;
}
