/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
/* Customize the entire search form wrapper */
.dgwt-wcas-search-form {
    border-radius: 0px !important; /* Remove rounded edges */
    box-shadow: none; /* Optional: Remove shadow */
    width: 100%; /* Optional: Adjust width */
}

/* Customize the input field */
.dgwt-wcas-search-input {
    border-radius: 0px !important; /* Remove rounded edges */
    padding: 10px; /* Add padding for better spacing */
    border: 1px solid #ccc; /* Optional: Add border */
    height: 45px; /* Adjust height */
}

/* Customize the search button */
.dgwt-wcas-search-submit {
    border-radius: 0px !important; /* Remove rounded edges */
    height: 45px; /* Ensure it matches input field height */
    background-color: #007bff; /* Optional: Button background color */
    color: #fff; /* Button text color */
    border: none; /* Remove border */
    padding: 0 15px; /* Adjust padding */
}

/* Optional: Adjust the search bar preloader */
.dgwt-wcas-preloader {
    right: 15px; /* Adjust position if needed */
}


/* Add your CSS code here.


For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
header.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 10; /* Ensures it appears above other elements */
    background-color: #ffffff; /* Prevent transparency if background is needed */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds the shadow effect */
}

header#masthead {
    position: sticky !important;
    top: 0;
    z-index: 9999; /* High value to ensure it stays on top */
    background-color: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
 


.yith-wcan-filters {
    padding: 20px; /* Adjust padding as needed */
}

.filters-container {
    padding: 20px; /* Adjust padding as needed */
}

/* General styling for Contact Form 7 fields */
.wpcf7 form {
    max-width: 600px; /* Limit the form's width */
    margin: 0 auto; /* Center the form horizontally */
    padding: 20px; /* Add padding for better spacing */
    box-sizing: border-box; /* Ensure padding doesn't affect width */
}

/* Styling for input fields */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%; /* Full width for fields within the form's container */
    padding: 10px; /* Space inside the fields */
    box-sizing: border-box;
    margin-bottom: 15px; /* Spacing between fields */
}

/* Adjust for larger screens (Tablets and Desktops) */
@media (min-width: 768px) {
    .wpcf7 form {
        max-width: 50%; /* Adjust the form's width for larger screens */
        margin: 0 auto; /* Keep the form centered */
    }
}
/* Hide the test drive modal */
#test-drive {
    display: none !important;
}

/* Hide the statistics modal */
#statistics-modal {
    display: none !important;
}

/* Hide the statistics modal wrapper */
#statistics-modal-wrap {
    display: none !important;
}

/* Hide the Compare section */
.single-add-to-compare {
    display: none !important;
}

/* Hide any links or buttons triggering the modals */
a[href="#statistics-modal"],
a[href="#test-drive"] {
    display: none !important;
}

.product-options input[type="checkbox"] {
    margin-right: 10px;
}

.product-options label {
    margin-right: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* Hide the "Call Us" section */
.stm-dealer-info-unit.phone {
    display: none !important;
}

/* Hide the "Message Us" section */
.dealer-contact-unit.mail {
    display: none !important;
}

/* Hide "SELLER'S NOTES" section */
.elementor-element.elementor-element-f0dab77 {
    display: none !important;
}

/* Hide "User Data Simple" section */
.elementor-element.elementor-element-77744eb {
    display: none !important;
}

/* Hide "Make an Offer Price" section */
.elementor-element.elementor-element-9b0bee8 {
    display: none !important;
}

/* Hide the "User Data Simple" widget */
.elementor-element.elementor-element-3022eda {
    display: none !important;
}

/* Hide the "Call Us" widget */
.elementor-element.elementor-element-8ba8995 {
    display: none !important;
}

/* Hide the "Message to Dealer" section */
.elementor-element.elementor-element-30ff32d {
    display: none !important;
}

main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.hidden-item {
    display: none !important;
}

.admin-only {
    display: none; /* Hidden by default */
}


nav[aria-label="Footer navigation 2 2"] .wp-block-navigation-item__content {
    text-decoration: underline;
}
div#woo-chatbot-ball.woo-chatbot-ball {
    box-shadow: 0 0 15px 8px black !important;
    border-radius: 50% !important;
}

#woo-chatbot-send-message {
    background-color: black; /* Change background color to black */
    color: white; /* Set text color to white for contrast */
    border: none; /* Optional: Remove any border */
    padding: 10px 20px; /* Optional: Adjust padding for a better look */
    border-radius: 5px; /* Optional: Add rounded corners */
    cursor: pointer; /* Optional: Change the cursor to a pointer */
}

/* Custom CSS for WP Carousel indicator */
/* Make the active carousel indicator black */
.swiper-pagination-bullet-active {
    background-color: black !important;
}

/* Apply color to the .price class and enforce the rule */
div.price {
    background-color: black !important;
}

div.price::before {

    background-color: black !important;;
}


.stm-price {
    background-color: black !important;
    color: white !important; /* Optional: Change text color to white for better contrast */
    padding: 10px; /* Optional: Add some padding for better visibility */
    border-radius: 5px; /* Optional: Rounded corners */
}