/* ============================================================
   THM Custom — Global CSS
   Fixes and overrides that apply site-wide (all pages).
   ============================================================ */

/* ---- WPBakery full-width rows under Astra theme (Stretch Row option) ---- */
/* Applies when WPBakery "Stretch row" is enabled per-row in the editor      */
.vc_row[data-vc-full-width="true"] {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 100vw;
    width: 100vw;
    box-sizing: border-box;
    position: relative;
    left: 0;
}

.vc_row-full-width {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* ---- 7 Skills Pre-Order page: remove Astra content container width limit ---- */
/* Root cause: on this page WPBakery rows are wrapped in .ast-container         */
/* (max-width: 1240px), causing white margins. Fix removes the width constraint  */
/* for the content area only (header/footer containers are excluded).            */
.page-id-2365378 #content .ast-container {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ================================================================
   WOOCOMMERCE PRODUCT CARD — match Live site styling
   Live site (old custom theme):
     - No category labels, no star ratings in DOM
     - Button color: rgb(176, 194, 83) = #b0c253 (olive-yellow)
     - Standard loop buttons are hidden on live (custom shop template),
       but on staging we keep them visible and style them olive.
     - SALE badge: square, top-right corner.
   ================================================================ */

/* Hide category labels above product title */
.woocommerce ul.products li.product .ast-woo-product-category {
    display: none !important;
}

/* Hide star ratings on product cards (not shown on live site) */
.woocommerce ul.products li.product .star-rating {
    display: none !important;
}

/* Add to Cart button — full width, olive style matching Live brand color */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .added_to_cart {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    background-color: #b0c253 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 3px !important;
    padding: 10px 15px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-sizing: border-box !important;
}

.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce ul.products li.product .added_to_cart:hover {
    background-color: #96a644 !important;
    color: #fff !important;
}

/* SALE badge — square style, top-right corner (matching Live) */
.woocommerce ul.products li.product .onsale {
    border-radius: 0 !important;
    top: 0 !important;
    left: auto !important;
    right: 0 !important;
    margin: 0 !important;
    background-color: #b0c253 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    min-width: auto !important;
    min-height: auto !important;
    padding: 5px 8px !important;
    line-height: 1.2 !important;
}