/* Agenda Page - Full Width Layout (Mobile First) */

/* Base: Minimal padding for maximum calendar width */
.fi-page-agenda-page .fi-main {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

/* Tablet: Slightly more padding */
@media (min-width: 768px) {
    .fi-page-agenda-page .fi-main {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
}

/* Desktop: Minimal padding for maximum calendar space */
@media (min-width: 1024px) {
    .fi-page-agenda-page .fi-main {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* Extra large screens: Keep reasonable padding */
@media (min-width: 1536px) {
    .fi-page-agenda-page .fi-main {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

/* Extra spacing adjustment for calendar widget */
.fi-page-agenda-page .fi-section {
    width: 100%;
}