/**
 * Registration Form Specific Styles
 * Ensures proper text colors and visibility
 */

/* Registration form container */
.site-main form {
    color: #141414;
}

/* Form headings */
.site-main h1,
.site-main h2,
.site-main h3 {
    color: #141414 !important;
}

/* Form labels - ensure they're visible */
.site-main label {
    color: #141414 !important;
    display: block;
}

/* Required asterisks stay red */
.site-main label .text-red-500,
.site-main label span[class*="red"] {
    color: #ef4444 !important;
}

/* Input fields */
.site-main input[type="text"],
.site-main input[type="email"],
.site-main input[type="password"],
.site-main input[type="tel"],
.site-main select,
.site-main textarea {
    color: #141414 !important;
    background-color: white !important;
    border: 1px solid #d1d5db !important;
}

/* Focused inputs */
.site-main input:focus,
.site-main select:focus,
.site-main textarea:focus {
    border-color: #141414 !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 3px rgba(20, 20, 20, 0.1) !important;
}

/* Helper text */
.site-main .text-xs,
.site-main .text-sm,
.site-main p {
    color: #6b7280 !important;
}

/* Error messages */
.site-main .bg-red-50 {
    color: #991b1b !important;
    background-color: #fef2f2 !important;
}

/* Links in forms */
.site-main form a {
    color: #141414 !important;
    text-decoration: underline;
}

.site-main form a:hover {
    color: #222222 !important;
}

/* Submit button - ensure it stays black with white text */
.site-main button[type="submit"] {
    background-color: #141414 !important;
    color: white !important;
    border: none !important;
}

.site-main button[type="submit"]:hover {
    background-color: #222222 !important;
    color: white !important;
}

/* Password toggle buttons */
.site-main button[type="button"] {
    color: #6b7280 !important;
    background: transparent !important;
}

.site-main button[type="button"]:hover {
    color: #141414 !important;
}

/* Checkbox labels */
.site-main input[type="checkbox"] + span,
.site-main label input[type="checkbox"] + span {
    color: #6b7280 !important;
}

/* Page content paragraphs */
.site-main > section p:not(button p) {
    color: #222222 !important;
}

/* Benefits section text */
.bg-gallery h3 {
    color: #141414 !important;
}

.bg-gallery p {
    color: #222222 !important;
}