/* -------------------------------
   Forms - WPForms Submit Button
--------------------------------- */
.wpforms-submit {
    background-color: #F4A300 !important; /* Golden Orange */
    color: #FFFFFF !important; /* White Text */
    border: none;
    padding: 15px 30px;
    font-size: 18px;
    border-radius: 8px; /* Rounded Corners */
    transition: background-color 0.3s ease;
}

.wpforms-submit:hover {
    background-color: #D18800 !important; /* Slightly Darker Orange on Hover */
}

/* -------------------------------
   WooCommerce - Add to Cart Buttons
--------------------------------- */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit, 
.woocommerce a.added_to_cart {
    background-color: #F4A300 !important; /* Golden Orange */
    color: #FFFFFF !important;
    border: none;
    border-radius: 8px; /* Rounded Corners */
    padding: 12px 24px;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.woocommerce #respond input#submit:hover, 
.woocommerce a.added_to_cart:hover {
    background-color: #D18800 !important; /* Slightly Darker on Hover */
    color: #FFFFFF !important;
}

/* -------------------------------
   WooCommerce - Place Order Button (Checkout)
--------------------------------- */
.woocommerce button.button.alt, 
.woocommerce-page button.button.alt, 
.woocommerce input.button.alt, 
.woocommerce-page input.button.alt {
    background-color: #F4A300 !important; /* Golden Orange */
    border-color: #F4A300 !important;
    color: #FFFFFF !important; /* White Text */
    border-radius: 8px; /* Rounded Corners */
    padding: 14px 30px;
    font-size: 18px;
    transition: background-color 0.3s ease;
}

.woocommerce button.button.alt:hover, 
.woocommerce-page button.button.alt:hover, 
.woocommerce input.button.alt:hover, 
.woocommerce-page input.button.alt:hover {
    background-color: #D18800 !important; /* Darker on Hover */
    border-color: #D18800 !important;
    color: #FFFFFF !important;
}

/* -------------------------------
   Custom Cart Icon with Badge
--------------------------------- */
.custom-cart-link {
    position: relative;
    font-size: 24px;
    text-decoration: none;
    color: #000;
}

.custom-cart-link .cart-count {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #F59E0B; /* Golden Orange */
    color: #FFFFFF;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
}

/* -------------------------------
   Remove Astra Theme Footer and Header
--------------------------------- */
.site-footer, 
footer, 
#colophon, 
.footer, 
.footer-widgets,
.site-header {
    display: none !important;
}
/* Strong Force - Style the WooCommerce Place Order Button */
.woocommerce-checkout .woocommerce button.button.alt,
.woocommerce-checkout .woocommerce-page button.button.alt,
.woocommerce-checkout .woocommerce input.button.alt,
.woocommerce-checkout .woocommerce-page input.button.alt {
    background-color: #F4A300 !important; /* Golden Orange */
    border-color: #F4A300 !important;
    color: #ffffff !important;
    border-radius: 8px;
    font-size: 18px;
    padding: 15px 30px;
    transition: background-color 0.3s ease;
}

/* Strong Force - Hover Effect for Place Order Button */
.woocommerce-checkout .woocommerce button.button.alt:hover,
.woocommerce-checkout .woocommerce-page button.button.alt:hover,
.woocommerce-checkout .woocommerce input.button.alt:hover,
.woocommerce-checkout .woocommerce-page input.button.alt:hover {
    background-color: #D18800 !important; /* Darker Golden Orange on hover */
    border-color: #D18800 !important;
    color: #ffffff !important;
}
.woocommerce div.product .variations label {
    display: block;
    text-align: center;
    margin-bottom: 5px;
}