/**
 * WooCommerce Styling
 *
 * @package ASP_Nevada
 */

.wp-block-woocommerce-product-meta {
    display: none;
}

/* ==========================================================================
   Related Products - Equal Height Grid with Bottom-Aligned Buttons
   ========================================================================== */

.wp-block-post-template .wp-block-post {
    display: flex;
    flex-direction: column;
}

.wp-block-post-template .wp-block-post .wp-block-button__link {
    margin-top: auto;
    height: auto;
}

/* Responsive Column Adjustment */
@media (min-width: 601px) and (max-width: 992px) {
    .wp-block-post-template.columns-5 {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .wp-block-post-template.columns-5 .wp-block-post:nth-child(n+4) {
        display: none !important;
    }
}

/* ==========================================================================
   Product Page Layout - Responsive Breakpoints
   ========================================================================== */

@media (max-width: 999px) {
    .single-product .wp-block-columns {
        flex-wrap: wrap !important;
        justify-content: center !important;
        row-gap: 56px !important;
    }

    .single-product .wp-block-column {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .single-product .wp-block-column:has(.wp-block-woocommerce-product-image-gallery) {
        display: flex !important;
        justify-content: center !important;
    }

    .single-product .wp-block-woocommerce-product-image-gallery {
        max-width: 512px !important;
    }
}