/*
 * CalendarNavigation styles: unified 16px horizontal gap on tablet — both the Today↔controls
 * seam and within the controls (prev / week-range / next / date-picker) — tightened to 12px on
 * phone. Matches the HeaderLine unified spacing (W-23937873).
 */

.CalendarNavigation.CalendarNavigation--lumina {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--slds-g-spacing-4);

    // Phone: tighten the Today↔controls seam to 12px (matches the HeaderLine phone rule).
    @media @phone {
        gap: var(--slds-g-spacing-3);
    }
}

.CalendarNavigation__todayButton {
    display: flex;
    align-items: center;
}

.CalendarNavigation__controls {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--slds-g-spacing-4); // 16px, matching the Today↔controls seam and the agenda variant

    // Phone: 12px between prev / week-range / next / picker.
    @media @phone {
        gap: var(--slds-g-spacing-3);
    }
}

.CalendarNavigation__weekRange {
    font-family: var(--slds-g-font-family);
    font-weight: var(--slds-g-font-weight-6);
    font-size: var(--slds-g-font-scale-2);
    line-height: var(--slds-g-font-line-height-5); // 1.75 × 16px = 28px
    text-align: center;
    color: var(--slds-g-color-on-surface-2);
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
 * Self-navigating (daily) agenda toolbar: the date is a single short value (e.g. "06/25/2026"), not
 * the weekly view's long range string, so the 180px week-range box is dropped and the date hugs its
 * content. The controls use a uniform 16px gap (prev · date · next · picker) per the daily-view
 * design. Scoped to --agenda so the weekly FullCalendar toolbar is unaffected.
 */
.CalendarNavigation.CalendarNavigation--agenda {
    .CalendarNavigation__controls {
        gap: var(--slds-g-spacing-4); // 16px, matching the Today-to-controls gap
    }

    .CalendarNavigation__weekRange {
        min-width: auto;
        padding: 0 var(--slds-g-spacing-2); // small breathing room around the short date
    }
}