/*
Theme Name: AI Filmmakers STL
Theme URI: https://ai-films-stlouis.com
Author: AI Filmmakers of St. Louis
Author URI: https://ai-films-stlouis.com
Description: Custom theme for AI Filmmakers of St. Louis. Built with Tailwind CSS CDN. All front page content is editable via custom meta fields in the WordPress admin. Both signup forms use Gravity Forms shortcodes.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aifilmstl
Tags: dark, single-page, custom-meta
*/

/* Minimal overrides — Tailwind CDN handles the rest */

/* Gravity Forms reset for dark theme */
.gform_wrapper.gravity-theme .gfield input[type=text],
.gform_wrapper.gravity-theme .gfield input[type=email],
.gform_wrapper.gravity-theme .gfield input[type=tel],
.gform_wrapper.gravity-theme .gfield select,
.gform_wrapper.gravity-theme .gfield textarea {
    background: rgba(24, 28, 32, 0.5) !important;
    border: none !important;
    border-bottom: 2px solid rgba(179, 199, 236, 0.3) !important;
    border-radius: 0.5rem 0.5rem 0 0 !important;
    color: #e0e3e8 !important;
    padding: 0.75rem 1rem !important;
    width: 100% !important;
    font-family: 'Manrope', sans-serif !important;
    outline: none !important;
    transition: border-color 0.2s !important;
}

.gform_wrapper.gravity-theme .gfield input:focus,
.gform_wrapper.gravity-theme .gfield textarea:focus {
    border-bottom-color: #b3c7ec !important;
}

.gform_wrapper.gravity-theme .gfield input::placeholder,
.gform_wrapper.gravity-theme .gfield textarea::placeholder {
    color: rgba(142, 144, 152, 0.5) !important;
}

.gform_wrapper.gravity-theme .gfield_label {
    display: none !important;
}

.gform_wrapper.gravity-theme .gform_fields {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
    padding: 0 !important;
    margin: 0 !important;
}

.gform_wrapper.gravity-theme input[type=submit],
.gform_wrapper.gravity-theme button[type=submit] {
    width: 100% !important;
    background: #b3c7ec !important;
    color: #1c314f !important;
    font-weight: 700 !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 9999px !important;
    border: none !important;
    cursor: pointer !important;
    font-family: 'Manrope', sans-serif !important;
    transition: background 0.2s, transform 0.1s !important;
    box-shadow: 0 10px 25px -5px rgba(179, 199, 236, 0.2) !important;
    font-size: 0.875rem !important;
}

.gform_wrapper.gravity-theme input[type=submit]:hover,
.gform_wrapper.gravity-theme button[type=submit]:hover {
    background: #d5e3ff !important;
}

.gform_wrapper.gravity-theme input[type=submit]:active,
.gform_wrapper.gravity-theme button[type=submit]:active {
    transform: scale(0.95) !important;
}

/* Validation messages */
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
    color: #ffb4ab !important;
    font-size: 0.75rem !important;
    margin-top: 0.25rem !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
    background: rgba(147, 0, 10, 0.2) !important;
    border: 1px solid rgba(255, 180, 171, 0.3) !important;
    color: #ffb4ab !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem !important;
    margin-bottom: 1rem !important;
}

/* Confirmation message */
.gform_confirmation_wrapper {
    color: #b3c7ec !important;
    text-align: center !important;
    font-family: 'Manrope', sans-serif !important;
    padding: 1rem 0 !important;
}