/*
 * This stylesheet contains all the styles specific to the contact form.
 * It is loaded by default.php to ensure these styles are available
 * on the contact page without affecting other parts of the website.
 */

/* This container is for centering the form and limiting its width */
.form-container {
    max-width: 600px;
    margin: 40px auto; /* This centers the box and adds vertical spacing */
    padding: 20px;
}

/* This is the class for the box itself */
.contact-box {
    /* The background color and box shadow have been removed */
    border-radius: 8px;
    padding: 2.5rem;
}

/* This rule specifically targets the h1 tag inside the form */
.contact-box h1 {
    color: #305245;
}

/* This rule makes the labels a bit closer to the text fields */
.form-label {
    margin-bottom: 0.25rem;
}

/* This rule sets the default button style and adds a transition */
.btn-dark {
    border: none;
    transition: background-color 0.3s ease;
}

/* This rule adds the hover effect to the submit button */
.btn-dark:hover {
    background-color: #8fb28d;
}

.product-heading {
   color: #305245;
}