.autocomplete-container{position:relative}.autocomplete-input{width:140px;max-width:340px;border:1px solid #444}.autocomplete-dropdown{position:absolute;top:40px;max-width:340px;z-index:100}.tag-container{display:flex;flex-wrap:wrap;border:1px solid #ccc;padding:5px;min-height:40px;cursor:text}.tag{background:#007bff;color:#fff;padding:5px 10px;border-radius:15px;margin:3px;display:flex;align-items:center}.tag span{margin-left:8px;cursor:pointer}.tag-input{border:none;outline:none;flex:1;padding:5px;min-width:100px}
.map-fullscreen{width:100%}.map-wrapper{position:relative;height:860px;width:100%}.map-container{height:100%;width:100%}.search-toggle{position:absolute;top:10px;left:10px;background:#fff;padding:8px 12px;border-radius:12px;display:flex;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,.15);gap:10px;z-index:1}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:20px;transition:.3s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#2c6ecb}input:checked+.slider:before{transform:translateX(20px)}.toggle-label{font-weight:500;font-size:14px}.map-controls{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;z-index:2;align-items:center}.map-controls .button-map{background:#fff;border:none;border-radius:10px;font-size:18px;padding:10px;box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer}.zoom-controls{display:flex;flex-direction:column;border:none;border-radius:10px;font-size:18px;cursor:pointer;width:fit-content;gap:1px}.zoom-controls button{border:none;background:#fff;font-size:22px;width:fit-content;box-shadow:0 2px 6px rgba(0,0,0,.2);padding:10px}.zoom-controls button:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.zoom-controls button:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.page-container{display:flex;flex-direction:row}.map-container .mapboxgl-map{border-radius:20px}.mapboxgl-popup{max-width:100% !important;width:300px !important}.mapboxgl-popup-content{background:none !important;padding:0 !important}.map-card__location{margin-bottom:0px !important}.mapboxgl-popup-close-button{background-color:rgba(0,0,0,0);border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:15px !important;top:221px !important;font-size:43px;font-weight:100}.map-controls-card{overflow:hidden;background:#fff;padding:40px 20px 32px 20px;border-radius:10px;box-shadow:0px 30px 30px 0px rgba(0,0,0,.1);max-width:430px;position:relative}@media(max-width: 766.98px){.map-controls-card{padding-top:72px}}.map-controls-card .map-controls-header{display:flex;align-items:center;justify-content:space-between;gap:14px;position:absolute;top:0;right:0;padding:10px 14px;width:100%;border-bottom:1px solid #dbd8d3}@media(min-width: 767px){.map-controls-card .map-controls-header{padding:8px 14px;border:none}.map-controls-card .map-controls-header h5{visibility:hidden;pointer-events:none;opacity:0}}.map-controls-card .controls-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(0,0,0,0);border:none;cursor:pointer;border-radius:5px;transition:all .3s ease-in-out}.map-controls-card .controls-close-btn:hover{background:#f4f0ea}.map-controls-card .map-section:not(:last-child){margin-bottom:14px}.map-controls-card .map-section-title{font-size:16px;font-weight:500;margin-bottom:16px}.map-controls-card .map-style-options{display:flex;gap:14px}.map-controls-card .map-style-options .map-style-option{flex:1;border-radius:8px;text-align:center;transition:border-color .3s ease;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 14px}.map-controls-card .map-style-options .map-style-option .map-option{padding:5px;border:2px solid rgba(0,0,0,0);border-radius:14px}.map-controls-card .map-style-options .map-style-option .map-option.active{border-color:#003766}.map-controls-card .map-style-options .map-style-option img{width:100%;height:100%;max-width:56px;object-fit:cover;border:1px solid #dbd8d3;border-radius:10px}.map-controls-card .map-style-options .map-style-option span{font-size:14px}.map-controls-card .map-legend{display:flex;flex-wrap:wrap;gap:20px}.map-controls-card .map-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.map-controls-card .map-legend .legend-item .legend-icon{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;background-color:#dbd8d3;border:1px solid #dbd8d3}.map-controls-card .map-legend .legend-item.selected .legend-icon{background-color:#c2326e;border-color:#c2326e}.map-controls-card .map-legend .legend-item.favourite .legend-icon{background-color:#fff;background-image:url("/modules/custom/solm_search/assets/listing_search/src/styles/images/map-controlls/favourite-dark.svg");background-position:center;background-repeat:no-repeat}.map-controls-card .map-legend .legend-item.recent-viewed .legend-icon{background-color:#fff;border-color:#003766}.map-controls-card .map-legend .legend-item.recent-viewed .legend-icon::before{content:"";display:block;width:5px;height:5px;background-color:#171a20;border-radius:5px}.map-controls-card .poi-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.map-controls-card .poi-list .poi-item .custom-checkbox{padding:0}.map-controls-card .poi-list .poi-item .custom-checkbox .checkmark{width:32px;height:32px;background-size:32px}.map-controls-card .poi-list .poi-item .poi-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;background-color:#80c4ff}.map-controls-card .poi-list .poi-item .poi-label{flex-grow:1;font-size:14px;display:flex;align-items:center;gap:8px}.map-controls-card .poi-list .poi-item.beach-item .poi-icon{background-color:#f4b658}.map-controls-card .poi-list .poi-item.restaurant-item .poi-icon{background-color:#70c7cc}.map-controls-card .poi-list .poi-item.shop-item .poi-icon{background-color:#eb755e}.active-marker .map-marker{background:#c2326e !important;color:#fff !important}.map-marker{display:flex;align-items:center;gap:4px;height:16px;justify-content:center;background:#fff;color:#000;padding:15px 6px;border-radius:7px;font-weight:bold;font-size:14px}
