/**
 * Woosmap Store Locator Styles
 */

#store-locator {
    height: 800px;
    width: 100%;
    min-height: 400px;
}

/* Desktop: Panel on the left */
@media (min-width: 769px) {
    .woosmap-slw-panel {
        max-width: 350px !important;
    }
}

/* Tablet adjustments */
@media (max-width: 768px) {
    
    .woosmap-slw-panel {
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        max-height: 40% !important;
        width: 100% !important;
    }
    
    .woosmap-slw-panel-innerwrapper {
        width: 100% !important;
    }
}

/* Mobile: Full width panel at top */
@media (max-width: 480px) {
    .woosmap-slw-panel {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        max-height: 45% !important;
        width: 100% !important;
        margin: 0 !important;
        background-color: white;
    }
    
    .woosmap-slw-panel-wrapper {
        height: auto !important;
        max-height: 100% !important;
    }
    
    .woosmap-slw-panel-innerwrapper {
        width: 100% !important;
        float: none !important;
    }
    
    .woosmap-slw-searchwrapper {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Make the search input more touch-friendly */
    .woosmap-slw-searchbox-input-wrapper {
        font-size: 16px !important; /* Prevents zoom on iOS */
        padding: 12px 8px !important;
    }
    
    /* Adjust filter panel for mobile */
    .woosmap-slw-filterspanel {
        max-height: 30vh !important;
    }
    
    /* Make buttons more touch-friendly */
    .woosmap-slw-searchbox-button button {
        min-height: 44px !important;
        min-width: 44px !important;
    }
    .woosmap-slw-collapse-button{
        display: none!important;
    }
}