@media (min-width: 1300px){
    .desktop-navbar{
        display: flex !important;
    }
    .mobile-navbar{
        display: none !important;
    }
}

@media (max-width: 1300px){
    .desktop-navbar{
        display: none !important;
    }
    .mobile-navbar{
        display: flex !important;
    }
}

@media (min-width: 950px){
    .desktop-calendar{
        display: flex !important;
    }
    .mobile-calendar{
        display: none !important;
    }
}

@media (max-width: 950px){
    .desktop-calendar{
        display: none !important;
    }
    .mobile-calendar{
        display: flex !important;
    }
}

@media (min-width: 600px){
    .desktop-filter{
        display: flex !important;
    }
    .mobile-filter{
        display: none !important;
    }

    .full-width-summary {
        max-width: 300px;
    }
}

@media (max-width: 600px){
    .desktop-filter{
        display: none !important;
    }
    .mobile-filter{
        display: flex !important;
    }

    .full-width-summary {
        max-width: 600px;
    }
}

.sticky-nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
  }

.container {
    position: relative;
}
  
.topright {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
}
  
.img { 
    width: 100%;
    height: auto;
    opacity: 0.9;
    border-radius: 10px;
}

html, body {
    margin: 0;
    width: 100%;
}

body:has(.login) {
    overflow: hidden;
}

.cursor {
    cursor: pointer;
}

.select-search-container {
    width: 100% !important;
}