.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover {
  background-color: #f86738;
  color: #ffffff;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
  background-color: #302c4d;
  color: #ffffff;
  font-variant: normal;
  font-style: normal;
  font-family: Lato;
}

a {
  font-family: lato;
  font-weight: normal;
}

/* Force WooCommerce “Place Order” button to show */

.woocommerce-checkout .place-order button,
.woocommerce-checkout .place-order input#place_order {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Make sure the entire place-order container is visible */

.woocommerce-checkout .place-order {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn, .u-gradient > .u-container-layout > .u-btn, .u-image:not(.u-shading) > .u-container-layout > .u-btn, .u-btn {
    background-color: #302c4d;
    border-color: #fffdfd;
    color: #ffffff;
}

/* Fix hidden buttons caused by Nicepage themes */

#payment .place-order .button {
  display: inline-block !important;
}

.u-backlink.u-clearfix.u-grey-80 {
  display: none !important;
}

.woocommerce #payment #place_order {
  background-color: #2F2C4C;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button {
  background-color: #322D55;
  color: #ffffff;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover {
  background-color: #F96838;
  color: #ffffff;
}

.count {
  background-color: #fafafa;
}
/* ================================
   WooCommerce Buttons Styling
   Blue: #332D55
   Hover: #F96738
================================ */

/* Shop / Shortcode / Product Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.add_to_cart_button,
.product_type_simple,
.product_type_variable,
.single_add_to_cart_button {

    background-color: #332D55 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    border-radius: 4px !important;
    padding: 12px 18px !important;
    width: 100%;
    text-align: center;
    border: none !important;
    transition: all 0.3s ease;
}

/* Hover State */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.add_to_cart_button:hover,
.product_type_simple:hover,
.product_type_variable:hover,
.single_add_to_cart_button:hover {

    background-color: #F96738 !important;
    color: #ffffff !important;
}
/* ===============================
   FORCE PERFECT PRODUCT ALIGNMENT
=============================== */

/* Make each product card equal height */
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}

/* Create consistent title height */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 65px;
}

/* Force consistent price space (even if empty) */
.woocommerce ul.products li.product .price {
    min-height: 28px;
    margin-bottom: 10px;
}

/* Push buttons to bottom */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .poa-btn {
    margin-top: auto !important;
    width: 80%;
}
/* Only affect buttons inside the page content (NOT header/footer) */
main .u-btn,
main .u-button-style,
#content .u-btn,
#content .u-button-style,
.site-content .u-btn,
.site-content .u-button-style {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* If the padding is actually on an inner span (common in Nicepage) */
main .u-btn span,
main .u-button-style span,
#content .u-btn span,
#content .u-button-style span,
.site-content .u-btn span,
.site-content .u-button-style span {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.woocommerce ul.products li.product a {
    text-decoration: none;
    width: 80%;
}
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn, .u-gradient > .u-container-layout > .u-btn, .u-image:not(.u-shading) > .u-container-layout > .u-btn, .u-btn {
    background-color: #302c4d;
    border-color: #ffffff;
    color: #ffffff;
}