/*
 * Accessibility colour fixes (WCAG 1.4.3, text 4.5:1). Colour rules ONLY.
 * Loaded while General settings > "Accessibility colour changes" is ticked.
 * Each rule: element, was -> now (ratio on its background).
 */

/* Main menu, current / hovered item: #e2aaae on #d0404a 2.35 -> #fff 4.65 (underline stays the state cue) */
.header .header__bottom nav > ul > li.current-menu-item > a,
.header .header__bottom nav > ul > li:hover > a,
.header .header__bottom nav > ul > li.current-menu-item > a span,
.header .header__bottom nav > ul > li:hover > a span {
    color: #fff;
}

.header .header__bottom nav > ul > li.current-menu-item > a {
    border-bottom-color: #fff;
}

/* Grey helper text #858585 */
/* About page research paragraphs: on #f8f1dd 3.27 -> #6e6e6e 4.52 */
.about__research p,
.about__research .about__research-item p {
    color: #6e6e6e;
}

/* Article excerpts in lists: on #f8f1dd 3.27 -> #6e6e6e 4.52 */
.article__text {
    color: #6e6e6e;
}

/* Comment date/time, "reply" and "edit" links: on #e3d9bb 2.61 / #f8f1dd 3.27 -> #5e5e5e 4.60 / 5.75 */
.coments .coments-item__date,
.coments .coments-item__date a,
.coments .coments-item__date span {
    color: #5e5e5e;
}

/* Consent checkbox label in forms: on #ebe1c2 2.82 -> #646464 4.53 */
.form-fields input[type=checkbox] + span,
.wpcf7 .wpcf7-list-item-label,
.checkbox-field .wpcf7-list-item-label {
    color: #646464;
}

/* Placeholders (not judged by axe, but they are the only hint inside the field): -> #6e6e6e */
.form-fields .input-field input::placeholder,
.form-fields .input-field textarea::placeholder,
.search-form input::placeholder {
    color: #6e6e6e;
    opacity: 1;
}

/* Home "latest items" carousel date: on #fff 3.69 -> #767676 4.54 */
.article-list .article-list__slide-date {
    color: #767676;
}

/* Home "all podcasts" button: #fff on #ff0000 3.99 -> background #ed0000 4.56 */
.video .video__btn .btn {
    background-color: #ed0000;
}

/* Links in content text: #d0404a on #ebe1c2 3.56 -> #b33740 4.55 */
.text a:not(.btn),
.single-article a:not(.btn) {
    color: #b33740;
}

/* Colours typed into posts in the editor (inline style), on #ebe1c2 */
/* red #ff0000 3.06 -> #cc0000 4.51 */
main [style*="color: #ff0000" i],
main [style*="color:#ff0000" i],
main [style*="color: #f00;" i],
main [style*="color: rgb(255, 0, 0)" i] {
    color: #cc0000 !important;
}

/* blue #3366ff 3.58 -> #2c58db 4.56 */
main [style*="color: #3366ff" i],
main [style*="color:#3366ff" i],
main [style*="color: rgb(51, 102, 255)" i] {
    color: #2c58db !important;
}

/* Events calendar day numbers on #eee6cd */
/* current/upcoming day number and links: #d0404a 3.72 -> #b93942 4.52 */
.calendar .tribe-events-calendar-month__day-date-daynum,
.calendar .tribe-events .tribe-events-calendar-month__day-date-link,
.calendar .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date,
.calendar .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link,
.calendar .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date,
.calendar .tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link {
    color: #b93942;
}

/* day number of a past / other month day: #7d755c 3.68 -> #6e6751 4.52 */
.calendar .tribe-events-calendar-month__day--past-month .tribe-events-calendar-month__day-date-daynum,
.calendar .tribe-events-calendar-month__day--next-month .tribe-events-calendar-month__day-date-daynum,
.calendar .tribe-events-calendar-month__day--past-month .tribe-events-calendar-month__day-date,
.calendar .tribe-events-calendar-month__day--next-month .tribe-events-calendar-month__day-date {
    color: #6e6751;
}

/* Phone/tablet: the current day cell is red (#d0404a) — its number and link stay white (4.65), as in the theme */
@media screen and (max-width: 768px) {
    .calendar .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date,
    .calendar .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link,
    .calendar .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum {
        color: #fff;
    }
}