

/* Hide PIND-only products from shop */
.post-type-archive-product ul.products li.post-2569,
.post-type-archive-product ul.products li.post-2573 {
    display: none !important;
    position: absolute !important;
}
/* Proceed to Checkout - Red (WooCommerce Blocks) */
.wc-block-cart__submit-button {
  background-color: #e63946 !important;
  color: #ffffff !important;
  border: none !important;
}

.wc-block-cart__submit-button:hover {
  background-color: #c1121f !important;
  color: #ffffff !important;
}

/* Shop page: 2-column flex grid on mobile */
@media screen and (max-width: 768px) {
    .post-type-archive-product ul.products,
    .tax-product_cat ul.products {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }
    .post-type-archive-product ul.products li.product,
    .tax-product_cat ul.products li.product {
        width: calc(50% - 6px) !important;
        float: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .post-type-archive-product ul.products li.product img,
    .tax-product_cat ul.products li.product img {
        max-height: 250px !important;
        object-fit: cover !important;
    }
    .post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
    .tax-product_cat ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px !important;
    }
    .post-type-archive-product ul.products li.product .heyy-logline,
    .tax-product_cat ul.products li.product .heyy-logline {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }
    .post-type-archive-product ul.products li.product .heyy-genre-pills .heyy-pill,
    .tax-product_cat ul.products li.product .heyy-genre-pills .heyy-pill {
        font-size: 10px !important;
        padding: 2px 6px !important;
    }
}
/* ============================================
   CART PAGE FIXES
   1. Shrink cross-sell images on mobile
   2. Sticky checkout button on mobile
   ============================================ */


/* --- Cross-sell grid: force smaller on mobile --- */
.cross-sells ul.products {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    padding-bottom: 12px !important;
}

.cross-sells ul.products li.product {
    flex: 0 0 140px !important;
    max-width: 140px !important;
    min-width: 120px !important;
}

.cross-sells ul.products li.product a img {
    max-height: 180px !important;
    width: 100% !important;
    object-fit: cover !important;
}

/* Shrink cross-sell text */
.cross-sells ul.products li.product .woocommerce-loop-product__title,
.cross-sells ul.products li.product h2 {
    font-size: 13px !important;
    line-height: 1.3 !important;
    padding: 6px 8px 0 !important;
}

.cross-sells ul.products li.product .price {
    font-size: 13px !important;
    padding: 2px 8px !important;
}

.cross-sells ul.products li.product .button,
.cross-sells ul.products li.product .add_to_cart_button {
    font-size: 12px !important;
    padding: 6px 10px !important;
    margin: 6px 8px 8px !important;
}

/* Cross-sells heading */
.cross-sells h2 {
    font-size: 18px !important;
    margin-bottom: 12px !important;
}

/* --- Sticky checkout button on mobile --- */
@media screen and (max-width: 768px) {
    .wc-proceed-to-checkout {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999 !important;
        background: #0a0a0a !important;
        padding: 12px 16px !important;
        margin: 0 !important;
        border-top: 1px solid #2a2a2a !important;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.5) !important;
    }

    .wc-proceed-to-checkout .checkout-button {
        width: 100% !important;
        text-align: center !important;
        font-size: 16px !important;
        padding: 14px 24px !important;
        background: #e63946 !important;
        color: #fff !important;
        border-radius: 6px !important;
    }

    /* Add bottom padding to cart page so content isn't hidden behind sticky button */
    .woocommerce-cart .site-main,
    .woocommerce-cart .entry-content {
        padding-bottom: 80px !important;
    }
}

/* --- Cart totals: make subtotal clearer --- */
.cart_totals {
    margin-top: 20px !important;
}

.cart_totals .shop_table th,
.cart_totals .shop_table td {
    padding: 10px !important;
}

/* --- Hide coupon on cart if not needed --- */
/* Uncomment if you want to hide the coupon field:
.woocommerce-cart .coupon {
    display: none !important;
}
*/








