/* The link back to the pop-up shop. */

.mcqs-origin-nav {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 9990;   /* below S8's scanner button, which never shares a page */
    display: inline-block;
    padding: 12px 20px;
    border-radius: 999px;
    background: #14110c;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba( 0, 0, 0, 0.25 );
}

.mcqs-origin-nav:hover,
.mcqs-origin-nav:focus {
    background: #2b2419;
    color: #fff !important;
}

@media ( max-width: 480px ) {
    .mcqs-origin-nav {
        left: 12px;
        bottom: 12px;
        padding: 10px 16px;
        font-size: 14px;
    }
}

/*
 * Reserve room for the pill — but only where it is actually drawn.
 *
 * Its habitat is cart, checkout and order-received. WooCommerce's "Place order"
 * button is full-width on mobile and, on a short cart or with the bare-checkout
 * option hiding the footer, lands at the bottom of the viewport — directly under
 * a fixed element. A thumb tap on its left end would navigate away and abandon
 * the checkout at the payment step.
 *
 * The mcqs-has-origin-nav class is added by the script only when it has drawn
 * the pill, so an ordinary delivery customer — who never sees it — gets no gap
 * and no change to their checkout at all.
 */
body.mcqs-has-origin-nav.woocommerce-cart,
body.mcqs-has-origin-nav.woocommerce-checkout {
    padding-bottom: 84px;
}

@media ( max-width: 480px ) {
    body.mcqs-has-origin-nav.woocommerce-cart,
    body.mcqs-has-origin-nav.woocommerce-checkout {
        padding-bottom: 72px;
    }
}