/* Fix: prevent white strip on horizontal overscroll on mobile */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    width: 100%;
    background: #fff;
  }

  /* Helps against 'scroll chain' on browsers that support it */
  body {
    overscroll-behavior-x: none;
  }
}






/* Hide the SKU in WooCommerce products */
.single-product .product_meta .sku_wrapper {
    display: none !important;
}



/* Increase the width of the quantity selector */
.woocommerce div.quantity input[type="number"] {
    width: 75px; /* Adjust this value to your preference */
}




.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:#004394
 !important;

background-color:#004394
 !important;

color:white !important;

text-shadow:transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:#004394
 !important;

background-color:#004394
 !important;

color:white !important;

text-shadow:transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: #004394
 !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #004394
 !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}

/* Change the background colour of all Ultimate Member buttons */
.um-field input[type="submit"].um-button,
.um-field button.um-button,
.um-field input[type="submit"].um-alt,
.um-field button.um-alt {
    background-color: #004394 !important;
    colour: #fff !important;
}

/* Change the background colour of all Ultimate Member buttons on hover (optional) */
.um-field input[type="submit"].um-button:hover,
.um-field button.um-button:hover,
.um-field input[type="submit"].um-alt:hover,
.um-field button.um-alt:hover {
    background-color: #002966 !important;
    colour: #fff !important;
}



/* Link colours */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    colour: #3ba1da !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    colour: #44b0ec !important;
}

/* Button colours */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    background: #004394 !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list--item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list--item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover{
    background:#004394 !important;
}

/* Button alt colours */
.um .um-button.um-alt,
.um input[type=submit].um-button.um-alt {
    background:#eeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5 !important;
}





/* Change the text colour of the "View cart" button */
.wc-forward {
    colour: #004394 !important;
}



/* Hide regular price on product page */
.single-product .price del {
    display: none !important;
}

/* Hide regular price on shop page */
.products .price del {
    display: none !important;
}


/* Adjust the colour of the price to #4f91e0 */
.price {
    colour: #4f91e0 !important;
}

/* Make the bullet columns equal of products (same height) */


/* Hide the button on the shopping cart page */
.page-id-your-shopping-cart-page-id a.checkout-button.button.alt.wc-forward {
    display: none;
}

/* Hide the button on the checkout page */
.page-id-your-checkout-page-id a.checkout-button.button.alt.wc-forward {
    display: none;
}


/* Change "Additional Information" to "Additional Information" in the checkout */
.woocommerce-additional-fields h3 {
    display: none;
}

.woocommerce-additional-fields h3::before {
    content: "Additional Information"
    display: block;
    font-size: 1.17em;
    margin-bottom: 10px;
}




/* Sets the button font to Roboto and ensures that the text is always white, including during hover states. */
.xoo-cp-btns,
.xoo-cp-btn-vc.xcp-btn,
.xoo-cp-btn-ch.xcp-btn,
.xoo-cp-close.xcp-btn {
    font-family: 'Roboto', sans-serif;
    colour: white;
}

/* Preserves white text colour during hover states. */
.xoo-cp-btns:hover,
.xoo-cp-btn-vc.xcp-btn:hover,
.xoo-cp-btn-ch.xcp-btn:hover,
.xoo-cp-close.xcp-btn:hover {
    colour: white;
}


table td, table th {
    padding: 3px !important;
  
}

.woocommerce-error, .woocommerce-error li, .woocommerce-error a, .woocommerce-error strong { colour: #ff0000 !important; }




/* 1 fixed image height in your listing */
.cat-card img{
  width: 100%;
  height: clamp(180px, 22vw, 280px); /* scales with screen */
  object-fit: contain; /* everything visible, no crop */
  display: block;
}