.two-columns {
  display: flex;
  gap: 15px; /* space between the boxes */
}

.two-columns .form-box {
  flex: 1; /* makes both boxes equal width */
}

.two-columns input {
  width: 100%;
}




/* Hero Slider buttons */
.slider-button,
.site-banner-footer a,
.site-banner-footer .btn,
.site-banner-footer a.btn.btn-primary {
    background-color: #DF0024 !important;   /* brand red */
    color: #ffffff !important;
    border-radius: 5px;  /* optional */
    padding: 12px 28px;  /* optional */
    font-weight: 600;
    border: none !important;
}

/* Hover effect */
.slider-button:hover,
.site-banner-footer a:hover,
.site-banner-footer .btn:hover,
.site-banner-footer a.btn.btn-primary:hover {
    background-color: #e3203d !important;   /* darker hover red */
    color: #ffffff !important;
}





/* Find Auto Parts Filter button */
button.variant-primary.w-full {
    background-color: #DF0024 !important;   /* brand red */
    color: #ffffff !important;              /* text color */
}

/* Hover effect */
button.variant-primary.w-full:hover {
    background-color: #e3203d !important;   /* darker hover red */
    color: #ffffff !important;
}






/* Normal state of Add to Cart button */
.product-cart-button a.button, 
.box-grid-item .product-cart-button a.button {
    background-color: #DF0024 !important;  /* red */
    color: #ffffff !important;
    border-radius: 5px; /* optional */
    font-weight: 600;
}

/* Hover state of Add to Cart button */
.product-cart-button a.button:hover, 
.box-grid-item .product-cart-button a.button:hover {
    background-color: #e3203d !important;  /* lighter/darker red for hover */
    color: #ffffff !important;
}




/* Check (✓) Button after Add to Cart */
.product-cart-button a.added_to_cart,
.product-cart-button a.added_to_cart:visited {
    background-color: #DF0024 !important; /* your brand color */
    color: #ffffff !important;
    border-radius: 5px;
    font-weight: 600;
    padding: 8px 15px;
}

/* Hover effect for the Check Button */
.product-cart-button a.added_to_cart:hover {
    background-color: #e3203d !important; /* slightly darker red */
    color: #ffffff !important;
}





/* View Cart button after adding product */
.woocommerce-message .button {
    background-color: #DF0024 !important; /* your red */
    color: #ffffff !important;
    border-radius: 5px; /* optional */
    font-weight: 600;
}

/* Hover state */
.woocommerce-message .button:hover {
    background-color: #e3203d !important; /* darker/lighter red on hover */
    color: #ffffff !important;
}



/* Proceed to Checkout button on Cart page */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #DF0024 !important; /* red */
    color: #ffffff !important;
    border-radius: 5px;
    font-weight: 600;
    padding: 12px 25px;
}

/* Hover state */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #e3203d !important; /* darker red */
    color: #ffffff !important;
}



/* Place Order button on Checkout page */
.woocommerce-checkout #place_order {
    background-color: #DF0024 !important;
    color: #ffffff !important;
    border-radius: 5px;
    font-weight: 600;
    padding: 12px 25px;
}

/* Hover state */
.woocommerce-checkout #place_order:hover {
    background-color: #e3203d !important;
    color: #ffffff !important;
}




/* Blog Read More button */
.blog-posts .post .klb-readmore.post-buttons a.btn.variant-primary {
    background-color: #DF0024 !important;  /* brand red */
    color: #ffffff !important;             /* text color */
    /* optional */
}

/* Hover effect */
.blog-posts .post .klb-readmore.post-buttons a.btn.variant-primary:hover {
    background-color: #e3203d !important;  /* darker hover red */
    color: #ffffff !important;
}


/* Post Comment button */
.comment-form input#submit,
.comment-form .form-submit input {
    background-color: #DF0024 !important;   /* brand red */
    color: #ffffff !important;              /* text color */
}

/* Hover effect */
.comment-form input#submit:hover,
.comment-form .form-submit input:hover {
    background-color: #e3203d !important;   /* darker hover red */
    color: #ffffff !important;
}




/* Add space between "by" and author name */
.post-meta-item.meta-author span {
    margin-right: 5px;  /* adjust spacing as needed */
}





/* Contact Page Form Submit Button (Contact Form 7) */
.wpcf7-form input[type="submit"] {
    background-color: #DF0024 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px;
    padding: 12px 25px;
    font-weight: 600;
    cursor: pointer;
}

/* Hover state for Contact Form 7 button */
.wpcf7-form input[type="submit"]:hover {
    background-color: #e3203d !important;
    color: #ffffff !important;
}

/* Footer Newsletter Subscribe Button (Elementor / Theme) */
.footer-newsletter input[type="submit"],
.footer-newsletter button,
.site-footer .newsletter button {
    background-color: #DF0024 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 600;
    cursor: pointer;
}

/* Hover state for Subscribe Button */
.footer-newsletter input[type="submit"]:hover,
.footer-newsletter button:hover,
.site-footer .newsletter button:hover {
    background-color: #e3203d !important;
    color: #ffffff !important;
}





.single-product .vehicle-test.check {
    display: none !important;
}


/* Hide product extras block on single product page */
.single-product .product-service {
    display: none !important;
}





/* Default (Desktop / Laptop) */
.joinchat {
    bottom: 18px !important;
		right: 30px !important;
    z-index: 9999 !important;
}

.joinchat__button {
    width: 55px !important;
    height: 55px !important;
}

/* Tablet (up to 1024px) */
@media (max-width: 1024px) {
    .joinchat {
        bottom: 25px !important;
        right: 20px !important;
    }
    .joinchat__button {
        width: 60px !important;
        height: 60px !important;
    }
}

/* Mobile (up to 767px) */
@media (max-width: 767px) {
    .joinchat {
        bottom: 58.5px !important;
        right: 20px !important;
    }
    .joinchat__button {
        width: 45px !important;
        height: 45px !important;
    }
}