/* smd-contrast-fix:v4 - Targeted accessibility fixes for specific elements */

/* Fix automated-reviews plugin low-contrast text */
.um-review-display-container {
    --um-light-text: #999 !important; /* Brighten from #777 */
    --um-text: #555 !important; /* Brighten from #333 */
}

/* Brighten "No reviews yet" text */
.um-review-display-empty-title,
.um-review-display-empty-text {
    color: #555 !important;
}

/* Brighten review dates and meta text */
.um-review-display-date,
.um-review-display-no-comment {
    color: #666 !important;
}

/* Brighten review count text */
.um-review-display-count {
    color: #666 !important;
}

/* Fix rating display badge if it shows 0.0 */
.um-review-display-rating {
    color: white !important;
}

/* Fix any other low-contrast elements - pink links */
.um-review-display-container a,
.um-review-display-container .um-review-display-stars {
    color: #FF69B4 !important;
}

/* Ensure contrast on View All or similar links */
.um-review-display-container a:hover {
    color: #FF1493 !important; /* Darker pink for hover */
}

/* Additional high-contrast fixes for any other low-contrast elements */
.um-review-display-author {
    color: #333 !important;
}

.um-review-display-text {
    color: #444 !important;
}

/* Touch target size fixes - ensure minimum 44x44px for interactive elements */
.um-review-display-container a,
.um-review-display-container button,
.um-review-display-rating,
.interest-icon {
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 12px !important;
}

/* Fix ARIA attributes and label mismatches */
.um-review-display-container a {
    text-decoration: underline !important;
}

/* General accessibility improvements */
*:focus {
    outline: 2px solid #FF69B4 !important;
    outline-offset: 2px !important;
}

/* Improve contrast for form elements (exclude dark quick-signup modal field) */
input:not(.smd-gqs-field),
textarea:not(.smd-gqs-field),
select:not(.smd-gqs-field) {
    color: #333 !important;
    background: #fff !important;
    border: 1px solid #ccc !important;
}

/* Join free / quick signup: dark field + light text (beats autofill + global input fix) */
#smdGuestQuickSignupModal .smd-gqs-field,
#smdGuestQuickSignupModal input.smd-gqs-field {
    background: rgba(12, 6, 14, 0.92) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#smdGuestQuickSignupModal .smd-gqs-field::placeholder {
    color: rgba(255, 230, 245, 0.55) !important;
    -webkit-text-fill-color: rgba(255, 230, 245, 0.55) !important;
    opacity: 1 !important;
}

#smdGuestQuickSignupModal input.smd-gqs-field:-webkit-autofill,
#smdGuestQuickSignupModal input.smd-gqs-field:-webkit-autofill:hover,
#smdGuestQuickSignupModal input.smd-gqs-field:-webkit-autofill:focus,
#smdGuestQuickSignupModal input.smd-gqs-field:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #12060e inset !important;
    box-shadow: 0 0 0 1000px #12060e inset !important;
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
    caret-color: #fff !important;
}

/* Fix any remaining low-contrast text */
.smd-muted,
.text-muted,
.text-secondary {
    color: #666 !important;
}

/* Improve button contrast */
button, .btn {
    color: #fff !important;
    min-height: 44px !important;
    min-width: 44px !important;
}

/* Ultimate Member specific fixes */
.um-field-label {
    color: #333 !important;
}

.um-form .um-field {
    color: #444 !important;
}

.um-button, .um-form button {
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 12px 24px !important;
}

/* Fix low contrast text in dashboard */
.smd-advisor-app .umfn-content-body {
    color: #333 !important;
}

.smd-muted, .text-muted {
    color: #666 !important;
}

/* Fix contrast for rating numbers */
.um-rating-number {
    color: #333 !important;
}