/* ============================================
   Omniva Terminal Modal - Desktop Base
   ============================================ */
[data-tmjs-string="geolocation_btn"] {
    font-size: 1rem;
}

a.tmjs-geolocation-btn {
    gap: 20px;
}

.tmjs-search-result {
    margin: 0;
}

/* Centered headers only make sense in the desktop modal where
   the sidebar has fixed width - on mobile the sidebar is full width */
.omnivalt_terminal_container_map h2,
.omnivalt_terminal_container_map h3 {
    text-align: center;
}

.tmjs-close-modal-btn {
    top: 3%;
    right: 3%;
    width: 30px;
    height: 30px;
}

.tmjs-terminal-distance img {
    margin-right: 50px;
}

/* inline-block + text-indent:0 prevents the container from inheriting
   text-indent from parent list context (WooCommerce shipping_method <li>) */
.omnivalt_terminal_container_map {
    display: inline-block;
    text-indent: 0;
    width: 100%;
    text-align: center;
}

.tmjs-d-block {
    justify-content: center;
    align-items: center;
}

.tmjs-d-block input.tmjs-search-input {
    background-color: rgb(203, 214, 214);
}

ul#shipping_method .tmjs-modal li.tmjs-terminal.tmjs-active {
    padding: 20px !important;
    text-indent: 0 !important;
}

.tmjs-terminal-comment {
    padding: 0;
    margin: 0;
}

.tmjs-city,
li.tmjs-terminal {
    text-align: left;
}

/* ============================================
   Mobile — full-screen sidebar, no map
   ============================================ */
@media only screen and (max-width: 768px) {
    .tmjs-terminal-finder {
        margin: 0;
    }

    .tmjs-search-result {
        margin-left: 2.5rem;
    }

    ul#shipping_method .tmjs-d-block input.tmjs-search-input {
        margin: 0;
        padding: 0;
    }

    /* Map takes too much space on mobile - sidebar list is enough */
    .tmjs-map-container {
        display: none;
    }

    /* Turn the modal into a true full-screen overlay.
       position:fixed + transform:none overrides the centering transform
       the plugin applies for the desktop centered-dialog layout */
    .tmjs-modal,
    .tmjs-modal-content,
    .tmjs-terminal-sidebar {
        width: 100vw;
        height: 100vh;
        padding: 0;
        transform: none;
        position: fixed;
    }

    .tmjs-terminal-finder {
        display: flex;
        flex-direction: column;
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .omnivalt_terminal_container_map h3[data-tmjs-string="terminal_list_header"] {
        text-align: center;
        margin: 0;
        padding: 1em 0;
    }

    .omnivalt_terminal_container_map h2 {
        font-size: 1.5rem;
        margin: 0;
        padding: 0.5em;
    }

    /* Left-align the "Sisesta postiindeks" heading to match
       the search input below it */
    .omnivalt_terminal_container_map h3 {
        text-align: left;
    }

    .tmjs-d-block {
        height: auto;
        padding: 10px 0;
        align-items: stretch;
        gap: 5px;
    }

    .tmjs-terminal-block {
        margin: 0 5px;
        padding: 0;
    }

    /* Remove WooCommerce's default list indentation inside the modal,
       but leave Elementor-wrapped carts alone if they exist elsewhere */
    ul#shipping_method li:not(.elementor-widget-woocommerce-cart #shipping_method li) {
        padding: 5px 0;
        margin: 0;
        text-indent: 0;
    }

    .tmjs-d-block input.tmjs-search-input,
    .omnivalt_terminal_container_map .tmjs-search-btn {
        /* adjust selector to match your button */
        height: auto;
        box-sizing: border-box;
        border: none;
    }

    .entry-content ul {
        padding: 10px;
    }

    ul#shipping_method .tmjs-modal li.tmjs-terminal.tmjs-active {
        padding: 10px !important;
    }

    .tmjs-terminal-distance img {
        margin-right: 0;
    }

    a.tmjs-geolocation-btn {
        width: 100%;
        gap: 20px;
    }

    a.tmjs-geolocation-btn img {
        width: 20px;
    }
}