/* Hide all product categories sitewide (Astra + WooCommerce) */
.ast-woo-product-category,
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .product-category,
.woocommerce ul.products li.product .woocommerce-loop-product__category {
display: none !important;
}
/* Make all backgrounds solid black */
body,
html,
.elementor-section,
.elementor-container,
.elementor-column,
.woocommerce,
.woocommerce-page {
background-color: #000000 !important;
color: #ffffff !important;
}

/* Make sure product areas and containers are black too */
.elementor-widget,
.elementor-widget-container,
.woocommerce ul.products,
.woocommerce div.product {
background-color: #000000 !important;
}

/* Force full width with no side gaps */
.elementor-section {
width: 100vw !important;
margin: 0 !important;
padding: 0 !important;
}

/* Remove theme padding or boxed layout */
.site,
#page,
.container {
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background-color: #000000 !important;
}

/* Remove background from product image wrappers */
.woocommerce ul.products li.product,
.woocommerce div.product {
background: none !important;
border: none !important;
}

/* Fix mobile background color */
@media (max-width: 767px) {
body, html {
background-color: #000000 !important;
}
}
.ast-on-card-button {
display: none !important;
}
/* Make all text inside the contact form white */
form.contact-form,
form.contact-form label,
form.contact-form input,
form.contact-form textarea,
form.contact-form input::placeholder,
form.contact-form textarea::placeholder {
color: #ffffff !important;
}

/* Transparent background for input fields */
form.contact-form input,
form.contact-form textarea {
background: rgba(0, 0, 0, 0.25) !important;
border: 1px solid #ffffff !important;
}

/* Style the Send button */
form.contact-form input[type=submit] {
background-color: #ff0000 !important;
color: #ffffff !important;
border: none !important;
font-weight: 600;
letter-spacing: 0.5px;
padding: 10px 25px !important;
border-radius: 30px;
transition: background-color 0.3s ease;
}

form.contact-form input[type=submit]:hover {
background-color: #cc0000 !important;
}

/* Optional: makes required field note red */
form.contact-form .required {
color: #ff0000 !important;
}