/* ====================================================
   1. CATEGORY LIST STYLING & ACTIVE STATES
   ==================================================== */
ul.custom-dynamic-list {
    list-style: none !important;
    padding-left: 0 !important;
}

ul.custom-dynamic-list li {
    position: relative !important;
    padding-left: 25px !important;
    margin-bottom: 8px !important;
}

ul.custom-dynamic-list li::before {
    content: "•" !important; 
    color: #7c7c7c !important; 
    font-size: 28px !important;
    position: absolute !important;
    left: 0 !important;
    top: -9px !important;
    transition: color 0.2s ease-in-out !important;
}

ul.custom-dynamic-list li a {
    color: #c53030 !important; 
    text-decoration: none !important;
    transition: color 0.2s ease-in-out !important;
}

body ul.custom-dynamic-list li:hover::before,
body ul.custom-dynamic-list li:hover a,
body .elementor-widget ul.custom-dynamic-list li:hover a,
ul.custom-dynamic-list li:hover::before,
ul.custom-dynamic-list li:hover a {
    color: #59bc26 !important; 
}

ul.custom-dynamic-list li.is-active::before,
ul.custom-dynamic-list li.is-active a {
    color: #59bc26 !important; 
}

/* ====================================================
   2. WOOCOMMERCE PRODUCT LOOP GRID ALIGNMENT
   ==================================================== */
.woocommerce ul.products li.product {
    text-align: center !important;
}

.woocommerce ul.products li.product a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.woocommerce ul.products li.product .price {
    justify-content: center !important;
    text-align: center !important;
    display: block !important;
}

/* ====================================================
   3. ABSOLUTE PIXEL-LOCKED SIZES (RED & GREEN FIELDS)
   ==================================================== */
/* Hard locks all archive loops, view cart states, and elements to identical layout frames */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .button,
.woocommerce .products .button,
.woocommerce div.product .button.single_add_to_cart_button,
.forced-green-cart-state,
button.view-cart-replacement-da3810ee,
.woocommerce ul.products li.product button.view-cart-replacement-da3810ee,
.products .product button.view-cart-replacement-da3810ee,
.woocommerce ul.products li.product .added_to_cart.wc-forward,
.added_to_cart {
    padding: 0 !important; 
    border-radius: 4px !important;
    text-transform: none !important; 
    font-weight: bold !important;
    font-size: 14px !important;
    display: inline-block !important;
    text-align: center !important;
    box-sizing: border-box !important;
    width: 140px !important;       /* Exact width frame */
    height: 36px !important;      /* Exact height frame */
    line-height: 32px !important; /* Perfect vertical centering for font size */
    margin: 10px auto 0 auto !important;
    float: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

/* BASE UNCLICKED RED BUTTON STATE */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce .products .button,
.woocommerce div.product .button.single_add_to_cart_button {
    background-color: #7d0d06 !important;
    background: #7d0d06 !important;
    color: #ffffff !important;
    border: 2px solid #7d0d06 !important;
}

.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce .products .button:hover,
.woocommerce div.product .button.single_add_to_cart_button:hover {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #7d0d06 !important;
    border-color: #7d0d06 !important;
}

/* PERSISTENT GREEN VIEW CART STATE & AJAX LINK CODES */
.forced-green-cart-state,
button.view-cart-replacement-da3810ee,
.woocommerce ul.products li.product button.view-cart-replacement-da3810ee,
.products .product button.view-cart-replacement-da3810ee,
.woocommerce ul.products li.product .added_to_cart.wc-forward,
.added_to_cart {
    background-color: #59bc26 !important;
    background: #59bc26 !important;
    color: #ffffff !important;
    border: 2px solid #59bc26 !important;
}

.forced-green-cart-state:hover,
button.view-cart-replacement-da3810ee:hover,
.woocommerce ul.products li.product button.view-cart-replacement-da3810ee:hover,
.woocommerce ul.products li.product .added_to_cart.wc-forward:hover,
.added_to_cart:hover {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #59bc26 !important;
    border-color: #59bc26 !important;
}

/* TARGET SPECIFIC OUT OF STOCK ITEM (WHITE BACKGROUND, RED TEXT & BORDER) */
.woocommerce .products .button[data-product_id="767"],
.woocommerce ul.products li.product .button.disabled,
.woocommerce ul.products li.product .button[disabled],
.woocommerce div.product .button.disabled,
.woocommerce div.product .button[disabled],
.woocommerce .product.out-of-stock .button {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #7d0d06 !important;
    border: 2px solid #7d0d06 !important;
    opacity: 1 !important;
}

.woocommerce .products .button[data-product_id="767"]:hover,
.woocommerce ul.products li.product .button.disabled:hover,
.woocommerce div.product .button.disabled:hover {
    background-color: #7d0d06 !important;
    background: #7d0d06 !important;
    color: #ffffff !important;
    border-color: #7d0d06 !important;
}

/* Clear tracking flags while retaining full button display visibility */
.btn-hidden-da3810ee {
    display: none !important;
}

/* ====================================================
   4. CHECKOUT PAGE - PLACE ORDER BUTTON (CLASSIC & BLOCKS)
   ==================================================== */
body.woocommerce-checkout #payment #place_order,
body.woocommerce-checkout button#place_order,
body.woocommerce-checkout #payment button#place_order,
body.woocommerce-checkout .woocommerce-checkout-payment button#place_order,
body.woocommerce-checkout .elementor-widget-woocommerce-checkout-page #payment #place_order,
.wc-block-checkout__payment-method .wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button,
button.wc-block-components-checkout-place-order-button {
    background: #59bc26 !important;
    background-color: #59bc26 !important;
    color: #ffffff !important;
    border: 2px solid #59bc26 !important;
    font-weight: bold !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text {
    color: #ffffff !important;
}

body.woocommerce-checkout #payment #place_order:hover,
body.woocommerce-checkout button#place_order:hover,
body.woocommerce-checkout #payment button#place_order:hover,
body.woocommerce-checkout .woocommerce-checkout-payment button#place_order:hover,
body.woocommerce-checkout .elementor-widget-woocommerce-checkout-page #payment #place_order:hover,
.wc-block-checkout__payment-method .wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-place-order-button:hover,
button.wc-block-components-checkout-place-order-button:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #59bc26 !important;
    border-color: #59bc26 !important;
    box-shadow: none !important;
}

.wc-block-components-checkout-place-order-button:hover .wc-block-components-checkout-place-order-button__text {
    color: #59bc26 !important;
}

/* ====================================================
   5. CART PAGE - PROCEED TO CHECKOUT BUTTON STATE OVERRIDES
   ==================================================== */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .checkout-button,
.woocommerce-cart button.checkout-button,
.wc-block-cart__submit-button,
button.wc-block-cart__submit-button,
.elementor-menu-cart__footer-buttons .elementor-button--checkout {
    background: #59bc26 !important;
    background-color: #59bc26 !important;
    color: #ffffff !important;
    border: 2px solid #59bc26 !important;
    font-weight: bold !important;
    text-transform: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .checkout-button:hover,
.woocommerce-cart button.checkout-button:hover,
.wc-block-cart__submit-button:hover,
button.wc-block-cart__submit-button:hover,
.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #59bc26 !important;
    border-color: #59bc26 !important;
}

/* Custom Transformation Layer: Turns the original button Green after AJAX activation */
.woocommerce ul.products li.product .button.add_to_cart_button.added,
.woocommerce .products .button.added {
    background-color: #59bc26 !important;
    background: #59bc26 !important;
    color: #ffffff !important;
    border-color: #59bc26 !important;
}

/* Hover transition state for the freshly transformed button */
.woocommerce ul.products li.product .button.add_to_cart_button.added:hover,
.woocommerce .products .button.added:hover {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #59bc26 !important;
    border-color: #59bc26 !important;
}

/* Completely hide the floating text link so only the transformed button remains */
.woocommerce ul.products li.product .added_to_cart.wc-forward,
.added_to_cart {
    display: none !important;
}

/* ==========================================================================
   3. WOOCOMMERCE SHOP PAGE PRICE STYLING (ALL GREEN)
   ========================================================================== */

/* Target the entire price block, the numbers, and the currency symbol together */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
    color: #4CAF50 !important;             /* This sets everything to the same green */
    font-family: 'Abeezee', sans-serif !important; 
    font-size: 18px !important;            
    font-weight: 700 !important;           
}

/* Optional: Style old sale prices with a distinct strikethrough line */
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .amount,
.woocommerce ul.products li.product .price del .woocommerce-Price-currencySymbol {
    color: #999999 !important;             
    font-size: 14px !important;            
    font-weight: 400 !important;
    text-decoration: line-through !important; /* Adds the horizontal line through the old price */
}