/*
Theme Name: Lead Me Artistically
Theme URI: https://leadmeartistically.com
Author: Dane Wactor - Built with love for Crystal Barmes
Description: A minimalist, high-end digital museum gallery built with Tailwind CSS for fine artists.
Version: 1.0.0
License: GNU GPLv2 or later
Text Domain: leadmeartistically
*/


/* ==========================================================================
   Contact Form 7 Minimalist Gallery Style Overrides
   ========================================================================== */

/* Spacing out the structural form layout */
.wpcf7 form {
    max-width: 36rem; /* max-w-xl equivalent */
    margin-left: auto;
    margin-right: auto;
}

.wpcf7 p {
    margin-bottom: 2rem;
}

/* Tracking and weight for typography layout */
.wpcf7 label {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    color: #78716c; /* stone-500 */
    margin-bottom: 0.5rem;
}

/* Text Inputs, Email Fields, and Textareas */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d6d3d1; /* stone-300 */
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    color: #1c1917; /* brand-dark */
    outline: none;
    transition: border-color 0.3s ease;
}

/* Interactive focus borders matching the brand identity */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
    border-color: #1c1917; /* brand-dark */
}

/* Subtle frame for structural message area */
.wpcf7 textarea {
    height: 8rem;
    resize: none;
    border: 1px solid #e7e5e4; /* stone-200 */
    padding: 0.75rem;
}
.wpcf7 textarea:focus {
    border-color: #1c1917;
}

/* Submit Action Button styling mapped to the brand palette */
.wpcf7 input[type="submit"] {
    width: 100%;
    background-color: #7a8c74; /* brand-green */
    color: #f2efde; /* brand-yellow */
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    appearance: none;
    -webkit-appearance: none;
}

.wpcf7 input[type="submit"]:hover {
    background-color: #1c1917; /* brand-dark */
}