/* Schedule Page Styles */
.page-schedule-section {
    padding: 50px 0 100px 0;
    position: relative;
    overflow: hidden;
}

.page-schedule-title {
    color: #000;
    font-family: Golden;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.5px;
    margin: 0 0 40px 0;
}

.amelia-wrapper {
    /* If you need to constrain the calendar width, you can add max-width here. 
       Usually calendars benefit from the full container width. */
    width: 100%;
    
}

/* Amelia Global CSS Variables Overrides */
:root, body, .amelia-wrapper {
    /* Primary Orange Colors */
    --am-c-primary: #F76A32 !important;
    --am-c-p-bgr: #F76A32 !important;
    --am-c-btn-prim: #F76A32 !important;
    --am-c-btn-prim-hov: #e05e29 !important;
    
    /* Backgrounds */
    --am-c-inp-bgr: #ffffff !important;
    --am-c-sb-bgr: #FAF6F0 !important; /* Sidebar Cream Background */
    --am-c-s-bgr: transparent !important;
    
    /* Shapes */
    --am-rad-btn: 30px !important;
    --am-rad-inp: 30px !important;
    --am-rad-card: 20px !important;
    --am-font-family: Outfit, sans-serif !important;
}

/* Force Amelia to blend with our creamy background globally (for popups) */
.amelia-wrapper *, 
.am-fs__modal * {
    font-family: Outfit, sans-serif !important;
}

/* Hard CSS Overrides for Buttons in popups */
body .am-btn-primary,
body .am-button--primary {
    background-color: #F76A32 !important;
    border-color: #F76A32 !important;
    border-radius: 30px !important;
    font-weight: 500 !important;
}

body .am-fs__modal {
    border-radius: 20px !important;
}

/* Amelia Calendar Specifics */
body .amelia-v2-events #amelia-container .am-fs__el.am-events-calendar .am-events-calendar__header {
    background-color: transparent !important;
}

body .amelia-v2-events #amelia-container .am-fs__el.am-events-calendar .am-events-calendar__days {
    background-color: #F76A32 !important;
    border-radius: 20px !important;
    margin-bottom: 10px !important;
}

body .amelia-v2-events #amelia-container .am-fs__el.am-events-calendar .am-events-calendar__days .am-events-calendar__day {
    color: #ffffff !important;
    text-transform: capitalize !important;
    font-size: 16px !important;
}

/* Event Dots / Chips inside the calendar */
body .amelia-v2-events #amelia-container .am-fs__el.am-events-calendar .am-event-badge {
    background-color: #F76A32 !important;
    border-radius: 100px !important;
}

/* Responsive Overrides */
@media screen and (max-width: 1279px) {
    .page-schedule-section {
        padding: 40px 0 60px 0;
    }
    .page-schedule-title {
        font-size: 40px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 726px) {
    .page-schedule-title {
        font-size: 27px;
        margin-bottom: 20px;
    }
}