/* Emergency fix for Appointments and Contact sections text visibility */

/* Force all Appointments section text to be dark and visible */
.appointments,
.appointments *,
.appointments p,
.appointments .appointments__intro p,
.appointments .booking-form__title,
.appointments .booking-form__subtitle,
.appointments .selected-appointment__title,
.appointments .selected-appointment__details,
.appointments .form-label,
.appointments .checkbox-text,
.appointments .form-help,
.appointments .time-slots__note,
.appointments .calendar__title,
.appointments .calendar__month-year,
.appointments .time-slots__title {
    color: #333333 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Specific targeting for appointments text */
section#appointments .appointments__intro p,
.appointments .appointments__content .appointments__intro p,
.appointments__intro .appointments__intro p {
    color: #333333 !important;
    background: none !important;
    text-shadow: none !important;
    filter: none !important;
}

/* Force all Contact section text to be dark and visible */
.contact,
.contact *,
.contact p,
.contact .contact__detail-content p,
.contact .contact__form-subtitle,
.contact .hours-time,
.contact .hours-day,
.contact .form-label,
.contact .checkbox-text,
.contact .form-help {
    color: #333333 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Specific targeting for contact text */
section#contact .contact__detail-content p,
.contact .contact__content .contact__detail-content p,
.contact__detail .contact__detail-content p {
    color: #333333 !important;
    background: none !important;
    text-shadow: none !important;
    filter: none !important;
}

/* Override any inherited styles for form elements */
.appointments .form-label,
.contact .form-label {
    color: #333333 !important;
}

.appointments .checkbox-text,
.contact .checkbox-text {
    color: #333333 !important;
}

.appointments .form-help,
.contact .form-help {
    color: #666666 !important;
}

/* Ensure light text elements are properly visible */
.appointments .time-slots__note {
    color: #666666 !important;
}

.contact .contact__detail-content p {
    color: #666666 !important;
}

.contact .hours-time {
    color: #666666 !important;
}

.contact .contact__form-subtitle {
    color: #666666 !important;
}

/* Test if it's a specificity issue - use maximum specificity */
html body main section.appointments div.container div.appointments__content div.appointments__intro p {
    color: #333333 !important;
}

html body main section.contact div.container div.contact__content div.contact__info div.contact__detail-content p {
    color: #666666 !important;
}

html body main section.contact div.container div.contact__content div.contact__form p.contact__form-subtitle {
    color: #666666 !important;
}

/* Fix for form labels and text in both sections */
html body main section.appointments .form-label,
html body main section.contact .form-label {
    color: #333333 !important;
}

html body main section.appointments .checkbox-text,
html body main section.contact .checkbox-text {
    color: #333333 !important;
}

html body main section.appointments .form-help,
html body main section.contact .form-help {
    color: #666666 !important;
}