/**
 * STW Pickup Points — minimal styles.
 * Leans on Bootstrap 5 for layout/spacing. Only adds what Bootstrap can't.
 */

/* Pickup card below shipping rate */
.stw-pickup-card {
    line-height: 1.3;
}

/* Modal list items */
.stw-pickup-item {
    cursor: pointer;
    transition: background-color 0.15s ease;
}
.stw-pickup-item:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.06);
}
.stw-pickup-item:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: -2px;
}

/* List panel scroll */
.stw-pickup-list-panel {
    border-right: 1px solid var(--bs-border-color, #dee2e6);
}

/* Map must have explicit height for Leaflet */
#stwPickupMap {
    z-index: 1;
}

/* Responsive: stack on mobile */
@media (max-width: 767.98px) {
    .stw-pickup-modal-body {
        flex-direction: column !important;
    }
    .stw-pickup-list-panel {
        border-right: none;
        border-top: 1px solid var(--bs-border-color, #dee2e6);
        max-height: 250px !important;
        flex: 0 0 auto !important;
    }
    .stw-pickup-map-panel {
        min-height: 200px !important;
        flex: 0 0 200px !important;
    }
}