/**
 * SCYC Form 36 Mobile Optimizations
 * Ensures proper touch target sizes for mobile usability
 */

/* Hide internal/debug fields from public display */
#fluentform_36 input[name="base_price_raw"],
#fluentform_36 input[name="requires_payment"],
#fluentform_36 input[name="moorings_total"],
#fluentform_36 input[name="moor_days"],
#fluentform_36 input[name="payment_total_matrix"],
#fluentform_36 input[name="paypal_amount"],
#fluentform_36 input[name="event_sig"],
#fluentform_36 input[name="event_id"],
#fluentform_36 input[name="payment_item_name"] {
    display: none !important;
}

@media (max-width: 768px) {
    #fluentform_36 input[type="text"],
    #fluentform_36 input[type="email"],
    #fluentform_36 input[type="tel"],
    #fluentform_36 input[type="number"],
    #fluentform_36 input[type="url"],
    #fluentform_36 input[type="date"],
    #fluentform_36 select,
    #fluentform_36 textarea {
        min-height: 44px;
        font-size: 16px;
    }

    #fluentform_36 input[type="checkbox"],
    #fluentform_36 input[type="radio"] {
        min-width: 44px;
        min-height: 44px;
    }

    #fluentform_36 button[type="submit"],
    #fluentform_36 .ff-btn-submit {
        min-height: 44px;
        padding: 12px 24px;
        font-size: 16px;
    }

    #fluentform_36 label {
        font-size: 16px;
        line-height: 1.4;
    }

    #fluentform_36 .ff-el-group {
        margin-bottom: 1.5rem;
    }
}