.map-container{width:100%;height:100vh;border-radius:10px;box-shadow:0px 15px 25px 0px rgba(50,50,50,0.7);text-align:center;overflow:hidden;background-color:#f1f1f1;position:relative;display:flex;flex-direction:column}.map-toolbar{height:50px;padding:0px 7px;background-color:#fff}.back-btn{margin-right:7px}.map-title{text-align:center;font-size:large;font-weight:600;padding:0 0 0 5px;overflow-x:auto;white-space:nowrap;text-overflow:clip;margin-right:50px}.map-section{flex:1;padding:0;position:relative;height:calc(100vh - 50px)}.main-map{width:100%;height:100%}.search-container{position:absolute;top:10px;left:0;right:0;z-index:1000;display:flex;justify-content:center}.search-input{background-color:hsla(0,0%,100%,0.9);border-radius:28px;width:85%;max-width:500px}.search-results-menu{max-width:85%;width:100%}.search-result-item{display:flex;align-items:center;padding:5px 0}.map-controls-container{position:absolute;top:80px;left:10px;z-index:999;display:flex;flex-direction:column;gap:10px}.map-control-btn{box-shadow:0 2px 4px rgba(0,0,0,0.2);height:40px;width:40px;transition:all 0.2s ease}.map-control-btn:hover{transform:scale(1.1);background-color:#f5f5f5}.map-style-selector{position:absolute;top:200px;left:10px;z-index:999}.map-style-selector .q-btn{box-shadow:0 2px 4px rgba(0,0,0,0.5);height:35px;width:56px;background-color:#f3eaea;border-radius:50px}.center-button{position:absolute;bottom:20px;right:20px;z-index:1000;height:40px;width:40px;transition:all 0.2s ease}.center-button:hover{transform:scale(1.1)}.center-button.inactive{background-color:#999!important}.map-popup{min-width:200px}.popup-content{padding:10px;text-align:center}.popup-logo{margin-bottom:10px;cursor:pointer;transition:transform 0.2s}.popup-logo:hover{transform:scale(1.1)}.site-logo{width:60px;height:60px;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.popup-title{font-size:15pt;font-weight:700;width:100%;margin-bottom:5px}.popup-actions{display:flex;flex-direction:column;gap:8px}.map-action-btn{transition:all 0.2s;width:100%}.map-action-btn:hover{transform:translateY(-2px)}.distance-info{background:#f5f5f5;border-radius:4px;padding:5px;margin:5px 0}.distance-label{font-size:8pt;width:100%}.distance-value{font-size:10pt;width:100%}.instructions-button-container{position:absolute;top:80px;right:20px;z-index:2000}.instructions-btn{height:40px;width:40px;transition:all 0.2s ease}.instructions-btn:hover{transform:scale(1.1)}.instructions-dialog{width:100%;max-width:500px;max-height:80vh;border-radius:10px}.instructions-header{display:flex;align-items:center;background-color:#f76502;color:#fff;padding:12px 20px}.instructions-content{max-height:400px;overflow-y:auto;padding:15px}.instructions-content .leaflet-routing-close-button{display:none!important}.instructions-content h2{font-size:1rem}.instructions-content h3{font-size:1.25rem}.active-filters-container{position:absolute;top:130px;left:50%;transform:translateX(-50%);z-index:999;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:90%}.active-filter-chip{font-weight:500;font-size:10pt;background-color:#f76502;color:#fff;border-radius:15px;padding:5px 10px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all 0.2s}.active-filter-chip:hover{transform:scale(1.05)}.filter-dialog{width:100%;max-width:400px;max-height:90vh;border-radius:10px;margin:0}.filter-header{display:flex;align-items:center;background-color:#f76502;color:#fff;padding:12px 20px}.filter-content{height:calc(90vh - 130px);overflow-y:auto;padding:15px}.filter-list{overflow-y:auto}.filter-actions{position:sticky;bottom:0;padding:10px 20px;background-color:#fff;box-shadow:0 -2px 10px rgba(0,0,0,0.1)}.leaflet-routing-icon{background-image:none!important;position:relative!important}.leaflet-routing-icon:before{font-family:Material Icons;content:"directions";position:absolute;left:0;color:#f76502}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8b8a8a}@media (max-width:600px){.filter-dialog{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.filter-content{height:calc(100vh - 130px)}}