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

.booking-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px auto;
}

.page-booking-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 20px 0;
}

.booking-subtitle {
    color: #000;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
}

.booking-subtitle p {
    margin: 0;
}

.amelia-wrapper {
    max-width: 800px;
    margin: 0 auto;
}

/* 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-sb-text: #000000 !important;
    --am-c-bgr: #FAF6F0 !important;
    
    /* Shapes */
    --am-rad-btn: 30px !important;
    --am-rad-inp: 30px !important;
    --am-rad-card: 20px !important;
    --am-font-family: Outfit, sans-serif !important;
    
    /* Flatten */
    --am-shadow-inp: none !important;
    --am-shadow-dd: none !important;
}

body .amelia-v2-booking #amelia-container {
    background-color: transparent !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 just in case variables are isolated */
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__sidebar {
    background-color: #FAF6F0 !important;
}

body .am-fs__sidebar .am-fs__step {
    color: #000 !important;
}

body .am-fs__sidebar .am-fs__step.is-active {
    color: #F76A32 !important;
}

/* Make Amelia inputs look exactly like the mockup */
body .amelia-v2-booking #amelia-container .am-inp,
body .am-input {
    border: none !important;
    align-items: center;
    border-radius: 30px !important;
    box-shadow: none !important;
}
.amelia-v2-booking #amelia-container .am-els__filters-menu__btn {
    box-shadow: none!important;
}
/* Responsive Overrides */
@media screen and (max-width: 1279px) {
    .page-booking-section {
        padding: 40px 0 60px 0;
    }
    .page-booking-title {
        font-size: 40px;
    }
    .booking-header {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 726px) {
    .page-booking-title {
        font-size: 27px;
        margin-bottom: 10px;
    }
    .booking-subtitle {
        font-size: 16px;
    }
}