/* JotForm Custom Styling */

/* Main form container */
#jfCard-wt-252684964207062,
.jotform-form {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    color: #1e293b !important;
}

/* Form labels */
.jotform-form label,
.form-label,
.form-label-top {
    color: #1e293b !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 0.5rem !important;
}

/* Form inputs */
.jotform-form input[type="text"],
.jotform-form input[type="email"],
.jotform-form input[type="tel"],
.jotform-form input[type="number"],
.jotform-form textarea,
.jotform-form select {
    width: 100% !important;
    padding: 0.75rem 1rem !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.5rem !important;
    background-color: #f8fafc !important;
    color: #1e293b !important;
    font-size: 1rem !important;
    transition: all 0.2s ease !important;
    font-family: inherit !important;
}

/* Input focus states */
.jotform-form input[type="text"]:focus,
.jotform-form input[type="email"]:focus,
.jotform-form input[type="tel"]:focus,
.jotform-form input[type="number"]:focus,
.jotform-form textarea:focus,
.jotform-form select:focus {
    outline: none !important;
    border-color: #c5a368 !important;
    box-shadow: 0 0 0 3px rgba(197, 163, 104, 0.1) !important;
    background-color: #ffffff !important;
}

/* Textarea */
.jotform-form textarea {
    min-height: 120px !important;
    resize: vertical !important;
    line-height: 1.5 !important;
}

/* Submit button */
.jotform-form input[type="submit"],
.jotform-form button[type="submit"],
.form-submit-button,
.jotform-form .form-submit {
    background-color: #1e3a8a !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 1rem 2rem !important;
    border: none !important;
    border-radius: 0.5rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    box-shadow: 0 4px 6px -1px rgba(30, 58, 138, 0.2) !important;
    font-family: inherit !important;
}

/* Submit button hover */
.jotform-form input[type="submit"]:hover,
.jotform-form button[type="submit"]:hover,
.form-submit-button:hover,
.jotform-form .form-submit:hover {
    background-color: #1e40af !important;
    box-shadow: 0 10px 15px -3px rgba(30, 58, 138, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* Submit button active */
.jotform-form input[type="submit"]:active,
.jotform-form button[type="submit"]:active,
.form-submit-button:active,
.jotform-form .form-submit:active {
    transform: translateY(0) !important;
    box-shadow: 0 4px 6px -1px rgba(30, 58, 138, 0.2) !important;
}

/* Radio buttons and checkboxes */
.jotform-form input[type="radio"],
.jotform-form input[type="checkbox"] {
    width: auto !important;
    margin-right: 0.5rem !important;
    accent-color: #c5a368 !important;
}

/* Radio/checkbox labels */
.jotform-form .form-radio-label,
.jotform-form .form-checkbox-label {
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #475569 !important;
}

/* Dropdown/Select styling */
.jotform-form select {
    cursor: pointer !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E") !important;
    background-position: right 0.5rem center !important;
    background-repeat: no-repeat !important;
    background-size: 1.5em 1.5em !important;
    padding-right: 2.5rem !important;
}

/* Form sections/fieldsets */
.jotform-form .form-section,
.jotform-form fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 0 1.5rem 0 !important;
}

/* Error messages */
.jotform-form .form-error-message,
.jotform-form .form-error {
    color: #dc2626 !important;
    font-size: 0.875rem !important;
    margin-top: 0.25rem !important;
    font-weight: 500 !important;
}

/* Success messages */
.jotform-form .form-success-message,
.jotform-form .form-success {
    color: #16a34a !important;
    font-size: 0.875rem !important;
    margin-top: 0.25rem !important;
    font-weight: 500 !important;
}

/* Required field indicator */
.jotform-form .form-label-required,
.jotform-form .form-required {
    color: #dc2626 !important;
}

/* Form description/help text */
.jotform-form .form-description,
.jotform-form .form-help {
    color: #64748b !important;
    font-size: 0.875rem !important;
    margin-top: 0.25rem !important;
    font-style: italic !important;
}

/* Form header/title */
.jotform-form .form-header,
.jotform-form h2,
.jotform-form h3 {
    color: #1e293b !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
}

/* Form spacing */
.jotform-form .form-line {
    margin-bottom: 1.5rem !important;
}

/* Input placeholders */
.jotform-form input::placeholder,
.jotform-form textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* Disabled inputs */
.jotform-form input:disabled,
.jotform-form textarea:disabled,
.jotform-form select:disabled {
    background-color: #f1f5f9 !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
}

/* File upload inputs */
.jotform-form input[type="file"] {
    padding: 0.5rem !important;
    border: 2px dashed #cbd5e1 !important;
    background-color: #f8fafc !important;
    border-radius: 0.5rem !important;
}

.jotform-form input[type="file"]:hover {
    border-color: #c5a368 !important;
    background-color: #ffffff !important;
}

/* Date picker inputs */
.jotform-form input[type="date"],
.jotform-form input[type="datetime-local"],
.jotform-form input[type="time"] {
    cursor: pointer !important;
}

/* Range/slider inputs */
.jotform-form input[type="range"] {
    accent-color: #c5a368 !important;
}

/* Progress bar (if any) */
.jotform-form .form-progress-bar {
    background-color: #e2e8f0 !important;
    border-radius: 9999px !important;
    height: 0.5rem !important;
}

.jotform-form .form-progress-bar-fill {
    background-color: #c5a368 !important;
    border-radius: 9999px !important;
}

/* Rating/star inputs */
.jotform-form .form-rating {
    color: #c5a368 !important;
}

/* Signature pad (if any) */
.jotform-form .form-signature {
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.5rem !important;
    background-color: #ffffff !important;
}

/* Matrix/table inputs */
.jotform-form table,
.jotform-form .form-matrix {
    border-collapse: collapse !important;
    width: 100% !important;
}

.jotform-form table th,
.jotform-form .form-matrix th {
    background-color: #f8fafc !important;
    color: #1e293b !important;
    font-weight: 600 !important;
    padding: 0.75rem !important;
    border: 1px solid #e2e8f0 !important;
}

.jotform-form table td,
.jotform-form .form-matrix td {
    padding: 0.75rem !important;
    border: 1px solid #e2e8f0 !important;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .jotform-form input[type="submit"],
    .jotform-form button[type="submit"],
    .form-submit-button {
        padding: 0.875rem 1.5rem !important;
        font-size: 0.9375rem !important;
    }
    
    .jotform-form input[type="text"],
    .jotform-form input[type="email"],
    .jotform-form textarea {
        padding: 0.625rem 0.875rem !important;
        font-size: 0.9375rem !important;
    }
}

/* Override any JotForm default styles that might conflict */
.jotform-form * {
    box-sizing: border-box !important;
}

/* Ensure form container doesn't have unwanted padding/margins */
#jfCard-wt-252684964207062 {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Tooltip styling - fix grey on grey issue */
.jotform-form .tooltip,
.jotform-form .jf-tooltip,
.jotform-form [class*="tooltip"],
.jotform-form .form-tooltip,
.jotform-form .help-tooltip,
.jotform-form .jfInputTooltip,
.jotform-form .jfFieldTooltip,
.jotform-form [id*="tooltip"],
.jotform-form [class*="Tooltip"] {
    background-color: #1e293b !important;
    color: #ffffff !important;
    border: 1px solid #334155 !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    z-index: 1000 !important;
    max-width: 250px !important;
    line-height: 1.5 !important;
}

/* Tooltip arrow/pointer */
.jotform-form .tooltip::before,
.jotform-form .tooltip::after,
.jotform-form .jf-tooltip::before,
.jotform-form .jf-tooltip::after,
.jotform-form [class*="tooltip"]::before,
.jotform-form [class*="tooltip"]::after,
.jotform-form [class*="Tooltip"]::before,
.jotform-form [class*="Tooltip"]::after {
    border-color: #1e293b transparent transparent transparent !important;
}

/* Tooltip text color override - ensure all text is white */
.jotform-form .tooltip *,
.jotform-form .jf-tooltip *,
.jotform-form [class*="tooltip"] *,
.jotform-form [class*="Tooltip"] *,
.jotform-form [id*="tooltip"] * {
    color: #ffffff !important;
}

/* Help icon styling */
.jotform-form .form-help-icon,
.jotform-form .help-icon,
.jotform-form [class*="help-icon"],
.jotform-form [class*="HelpIcon"],
.jotform-form .jfHelpIcon {
    color: #c5a368 !important;
    cursor: help !important;
}

.jotform-form .form-help-icon:hover,
.jotform-form .help-icon:hover,
.jotform-form [class*="help-icon"]:hover,
.jotform-form [class*="HelpIcon"]:hover,
.jotform-form .jfHelpIcon:hover {
    color: #b8944f !important;
}

/* Additional tooltip container fixes */
.jotform-form [class*="tooltip-container"],
.jotform-form [class*="TooltipContainer"] {
    background-color: transparent !important;
}

/* Fix any tooltip text that might be inheriting grey colors */
.jotform-form .tooltip p,
.jotform-form .tooltip span,
.jotform-form .tooltip div,
.jotform-form [class*="tooltip"] p,
.jotform-form [class*="tooltip"] span,
.jotform-form [class*="tooltip"] div {
    color: #ffffff !important;
}