/* ==========================================================================
   MASTER GRID STYLESHEET (css-grid.css)
   Product card grid styles shared across the homepage, shop, category,
   search, and cart pages — anywhere keyhub_is_grid_view() is true.
   ========================================================================== */

/* ==========================================================================
   MODULE 1: DISABLED BUTTONS (OUT OF STOCK)
   Dimensions mirror the active a.loop-add-btn / a.loop-buy-btn rules in
   css-shop.css exactly: padding: 12px 0, width: 100%, margin-bottom: 10px.
   High-specificity selectors ensure these win against theme and block styles.
   ========================================================================== */

body .woocommerce ul.products li.product .kh-disabled-btn,
body .woocommerce ul.products li.product button.kh-disabled-btn,
body .kh-disabled-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 12px 0 !important;       /* Matches active a.loop-add-btn padding */
    border-radius: 8px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    background-color: #cccccc !important;
    color: #777777 !important;
    border: none !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    pointer-events: none !important;
    margin-bottom: 10px !important;   /* Matches active button margin-bottom */
    box-shadow: none !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

body .woocommerce ul.products li.product .kh-disabled-btn.loop-buy-btn {
    margin-top: 0 !important;         /* Gap comes from loop-add-btn margin-bottom */
    margin-bottom: 0 !important;
}