/* ============================================================
   Shared FullCalendar v6 theme for ClassBento.

   FullCalendar v6 ships dark navy, 90s-ish toolbar buttons. This
   restyles both toolbar button groups (prev/next and the view
   switcher) as an iOS-style segmented control, matching the cart
   payment selector (.cb-payment-seg).

   Generic selectors, so it applies to every FC v6 calendar that
   links this file (teacher dashboard, booking widget, etc.).
   The class-page Request calendar carries an equivalent inline
   copy in request_modal.blade.php.
   ============================================================ */

/* each toolbar button group becomes a soft segmented-control track */
.fc .fc-button-group {
    gap: 2px;
    padding: 3px;
    border: none;
    border-radius: 14px;
    background: rgba(118,118,128,0.12); /* iOS segmented-control track */
}

.fc .fc-button-group .fc-button {
    margin: 0 !important;
    border: none !important;
    border-radius: 11px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #6e6e73 !important;
    font-weight: 600;
    text-transform: capitalize;
    transition: background-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.fc .fc-button-group .fc-button:hover {
    background: rgba(255,255,255,0.55) !important;
    color: #1d1d1f !important;
}

/* selected segment (current view, or an arrow while pressed) = raised white chip */
.fc .fc-button-group .fc-button.fc-button-active,
.fc .fc-button-group .fc-button:active {
    background: #fff !important;
    color: #1d1d1f !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.06) !important;
}

/* narrow screens: FC v6's date-range title defaults to an oversized 1.75em */
@media (max-width: 767px) {
    .fc .fc-toolbar-title {
        font-size: 15px;
    }
    .fc .fc-button {
        padding: 0.3em 0.55em;
        font-size: 13px;
    }
}