/* ==========================================================================
   NAILED IT GLOBAL - BIT FORM CUSTOM STYLES
   ========================================================================== */

/* 1. Form Container & Grid Spacing */
.nailed-it-form form {
    background-color: transparent;
    font-family: 'Arimo', sans-serif;
}

/* Add spacing between form rows */
.nailed-it-form .bf-fld-wrp {
    margin-bottom: 30px !important;
}

/* 2. Form Labels */
.nailed-it-form label.bf-fld-lbl {
    font-family: 'Arimo', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    color: #a0a0a0 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* 3. Input Fields (Text, Email, Tel, Select, Textarea) */
.nailed-it-form input[type="text"],
.nailed-it-form input[type="email"],
.nailed-it-form input[type="tel"],
.nailed-it-form input[type="number"],
.nailed-it-form select,
.nailed-it-form textarea {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #1d1d1d !important; /* Subtle dark grey border */
    border-radius: 0 !important;
    color: #ffffff !important;
    font-family: 'Arimo', sans-serif !important;
    font-size: 16px !important;
    padding: 12px 0 !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease !important;
}

/* Textarea specific height */
.nailed-it-form textarea {
    min-height: 120px !important;
    resize: none !important;
}

/* 4. Focus State (The Neon Pink Glow) */
.nailed-it-form input[type="text"]:focus,
.nailed-it-form input[type="email"]:focus,
.nailed-it-form input[type="tel"]:focus,
.nailed-it-form select:focus,
.nailed-it-form textarea:focus {
    outline: none !important;
    border-bottom-color: #ff1493 !important; /* Brand Pink */
    box-shadow: none !important;
}

/* 5. Placeholder Text */
.nailed-it-form ::placeholder {
    color: #a0a0a0 !important;
    opacity: 0.5 !important;
}

/* 6. Dropdown (Select) Options */
.nailed-it-form select option {
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 10px !important;
}

/* 7. Submit Button */
.nailed-it-form button[type="submit"] {
    background-color: #ff1493 !important;
    color: #ffffff !important;
    font-family: 'Arimo', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    padding: 16px 48px !important;
    border: none !important;
    border-radius: 50px !important; /* Pill shape */
    cursor: pointer !important;
    transition: opacity 0.3s ease !important;
    width: auto !important;
    display: inline-block !important;
    margin-top: 20px !important;
}

/* Submit Button Hover */
.nailed-it-form button[type="submit"]:hover {
    opacity: 0.85 !important;
}

/* Center the button wrapper */
.nailed-it-form .bf-btn-wrp {
    text-align: center !important;
    width: 100% !important;
}