/* static/css/pages/contact.css */

.contact-page-section {
    background: linear-gradient(to top, #f9f9f9, #ffffff);
}

.product-inquiry-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 0;
}
.product-inquiry-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important;
}

.form-container {
    background-color: #ffffff;
    border: 1px solid #e9ecef;
}
.form-container .form-control {
    padding: 0.75rem 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.form-container .form-control:focus {
    border-color: #a86314;
    box-shadow: 0 0 0 0.25rem rgba(187, 86, 3, 0.25);
}
.form-container .submit-button {
    transition: all 0.3s ease;
}
.form-container .submit-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(var(--primary-color-rgb), 0.4); /* Now uses your theme! */
}

.contact-info-card {
    border: 0;
    border-left: 4px solid #a86314;
    background-color: #f8f9fa !important;
    transition: box-shadow 0.3s ease;
}
.contact-info-card:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}
.contact-details-list a:hover {
    color: #c27005 !important;
    text-decoration: underline !important;
}