/*
 * Native WooCommerce Shipment focus aid.
 *
 * The sticky bars remain summaries and navigation controls. Shipping choices
 * stay owned by WooCommerce so Cart and Checkout have one source of truth.
 */
@media (max-width: 767px) {
    body.blotto-commerce-ui #shipping_method {
        scroll-margin-top: 118px;
        scroll-margin-bottom: 148px;
    }

    body.blotto-commerce-ui .blotto-native-shipping-focus {
        position: relative;
        z-index: 2;
        scroll-margin-top: 118px;
        scroll-margin-bottom: 148px;
        border-radius: 16px;
        outline: 3px solid rgba(255, 84, 36, .38);
        outline-offset: 5px;
        box-shadow:
            0 0 0 9px rgba(255, 84, 36, .08),
            0 12px 28px rgba(114, 47, 57, .13);
        animation: blotto-native-shipping-pulse 1.15s ease-out 1;
    }

    body.blotto-commerce-ui .blotto-native-shipping-focus label {
        text-decoration-color: rgba(255, 84, 36, .55);
        text-decoration-line: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 4px;
    }
}

@keyframes blotto-native-shipping-pulse {
    0% {
        outline-color: rgba(255, 84, 36, .72);
        box-shadow:
            0 0 0 3px rgba(255, 84, 36, .18),
            0 8px 18px rgba(114, 47, 57, .09);
    }
    100% {
        outline-color: rgba(255, 84, 36, .38);
        box-shadow:
            0 0 0 9px rgba(255, 84, 36, .08),
            0 12px 28px rgba(114, 47, 57, .13);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.blotto-commerce-ui .blotto-native-shipping-focus {
        animation: none;
    }
}