/* Robust resets for Mapbox custom markers to prevent layout shifts and swimming */
.nook-custom-marker {
    width: 72px !important;
    height: 87px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    transition: none !important;
    display: block !important;
    /* Ensure no unexpected positioning context issues */
    position: relative;
    /* Mapbox will override this to absolute, but inside the marker wrapper, relative is fine */
    /* CRITICAL: Set transform origin to match the anchor point to prevent zoom-level drift */
    transform-origin: center bottom !important;
}

/* Reset children to ensure they don't trigger layout shifts */
.nook-custom-marker svg,
.nook-custom-marker div {
    transition: none !important;
    max-width: none !important;
    max-height: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none;
    /* Let clicks pass through to the parent marker div */
}

/* Ensure the image doesn't get global img styles */
.nook-custom-marker-img {
    transition: none !important;
    max-width: none !important;
    max-height: none !important;
}