@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --primary-color: #D75E00;
    --secondary-color: #8B8B8B;
    --primary-font: "Montserrat", sans-serif;
    --theme-shadow: 0 0 0 5px rgba(128, 128, 128, 0.066);
}

.btn-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
    border-radius: 50px;
    font-weight: 500 !important;
    font-family: var(--primary-font) !important;
}

.btn-primary:focus {
    box-shadow: 0 0 0 4px #d75d005d;
}

.btn-primary:disabled {
    background-color: var(--secondary-color) !important;
    color: white !important;
    cursor: not-allowed !important;
}

.btn-outline-primary {
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    font-family: var(--primary-font) !important;
    transition: 0.2s all;
}

.btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    color: white !important;
}

.form-check:checked {
    background-color: var(--primary-color) !important;
}

.loader {
    width: 19px;
    height: 19px;
    border: 3px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.btn-dark {
    background-color: #0F120E !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.btn-white {
    background-color: white;
    box-shadow: var(--theme-shadow);
    border: 1px solid rgb(211, 211, 211);
}

.theme-shadow {
    box-shadow: var(--theme-shadow);
}

.margin-t-14 {
    margin-top: 40px !important;
}
.message-notification {
    position: fixed;
    bottom: 30px;
    right: 30px;
    border-radius: 12px;
    background-color: #eaefff !important;
    z-index: 1000;
    transition: 0.2s all;
}

.call-notification {
    right: -1500px;
}

.incomming-msg-para {
    width: 230px !important;
}

.message-notification .icon {
    width: 50px;
    height: 50px;
}

span.search_error {
    font-size: 13px;
    color: red;
}

.d-none {
    display: none;
}

#categories,
#search-bar-container {
    transition: border 0.3s ease-in-out, margin 0.3s ease-in-out, top 0.3s ease-in-out;
}

/* .nav-height{
    height: 99px; 
} */

#navbar {
    transition: height 0.3s ease, padding 0.3s ease, border 0.3s ease;
    z-index: 1000;
}

.book-form-input {
    border-radius: 50px !important;
}

.book-form-input:focus {
    box-shadow: 0 0 0 2px ##4360C7 !important;
}

.sticky-nav {
    position: absolute;
    width: 100%;
    top: -50px;
    left: 23%;
}

#search-bar-container {
    transition: 0.3s all !important;
    width: 700px !important;
}

.sticky-categories-nav {
    position: relative !important;
    top: 40px;
}

#user-dropdown {
    z-index: 1020 !important;
}

.ui-autocomplete {
    z-index: 100000 !important;
}

.bg-primary-blue {
    background-color: #4360C7;
}

#mobile-profile-nav {
    z-index: 1000 !important;
}

#contact-me-sticky {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: white;
    z-index: 1000;
}


.option-card {
    width: 250px;
    cursor: pointer;
    transition: 0.1s all;
}

.option-card:hover {
    border-color: ##ffaa6d;
}

.selected-card {
    border-color: ##ffaa6d;
}

.selected-card-icon-color {
    color: ##ffaa6d;
}

.btn-disable {
    background-color: rgb(235 235 235) !important;
    color: ##b3b3b3 !important;
}

.book-form-input {
    border-radius: 50px !important;
}

.book-form-input:focus {
    box-shadow: 0 0 0 2px #4360C7 !important;
}




@media screen and (max-width: 900px) {
    /* .sticky-margin {
        position: relative !important;
        top: 11px !important;
    } */

    .carousel-item a div svg {
        width: 20px !important;
        height: 20px !important;
    }

    .carousel-item a div {
        width: 45px !important;
        height: 45px !important;
    }


    #carousel {
        gap: 2px !important;
    }

    #categories {
        padding: 0px 0 7px 0 !important;
    }

    .sticky-nav {
        position: absolute !important;
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
    }

    .sticky-categories-nav {
        position: relative !important;
        top: 90px;
    }

    .search-text-input-container {
        display: block !important;
        margin-left: 0 !important;
        width: 180px !important;
    }

    .search-zipcode-input-container {
        margin-bottom: 10px;
    }

    .search-button {
        min-width: 40px !important;
        min-height: 35px !important;
    }

    .search-button svg {
        width: 15px !important;
        height: 15px !important;
    }

    #search-bar {
        width: 100% !important;
        border-radius: 50px !important;
        display: flex !important;
        padding: 2px 8px 2px 8px !important;
        justify-content: space-between !important;
    }

    #search-bar-container {
        width: 100% !important;
        height: 65px !important;
        padding-bottom: 0 !important;
    }

    .search-input {
        width: auto !important;
    }

    #categories {
        overflow-x: auto !important;
    }

    .dekstop-category {
        display: flex !important;
        gap: 27px !important;
    }

    .text-xs {
        font-size: 10px !important;
    }


    #profile-section {
        flex-wrap: wrap !important;
    }

    #reserve-form {
        width: 320px !important;
    }

    #pro-detail-sec,
    #reserve-form,
    #pro-contact-form {
        width: 100% !important;
    }

    #prev {
        display: none !important;
    }

    #next {
        display: none !important;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    #search-bar-container {
        width: 40% !important;
        height: 48px !important;
        padding-bottom: 0 !important;
        position: relative !important;
        top: -57px !important;
        left: -64px !important;
    }

    #bottom-navigation{
        display: none !important;
    }

    .search-input {
        width: 92px !important;
        font-size: 12px !important;
    }

    .sticky-categories-nav {
        position: relative !important;
        top: 0 !important;
    }

    .sticky-nav {
        position: relative !important;
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
    }

    #categories {
        margin-top: -58px !important;
    }

    .sticky-categories-nav {
        position: relative !important;
        top: 40px;
    }
}



@media screen and (max-width: 600px) {


    .carousel {
        width: 100% !important;
    }

    #profile-dekstop-nav {
        display: none !important;
    }

    /* #mobile-profile-nav {
        display: block !important;
    } */

    .first-nav {
        display: none !important;
    }

    .profile_top_nav {
        position: relative !important;
    }

    .option-card {
        width: 100% !important;
    }

    form {
        width: 100% !important;
    }



    .res-px-5 {
        padding: 15px 25px !important;
    }

    #bottom-navigation{
        display: flex !important;
    }

}

.analytic-card {
    box-shadow: 6px 6px 0 -2px #d1cfcf;
}

#bottom-navigation {
    transition: transform 0.3s ease-in-out;
    will-change: transform;
    display: none;
}
#bottom-navigation.hide {
    transform: translateY(100%); /* Moves it out of the view */
}
#bottom-navigation.show {
    transform: translateY(0); /* Brings it back to the view */
}