/* MAI-KAI color-contrast changes (pondSoup) — approved 2026-10-21.
 * Every color below already exists in the site's palette or is a near-black/
 * gray for text. To switch the whole set off, add this line to wp-config.php:
 *     define( 'MK_A11Y_COLORS', false );
 */

/* 1. Footer headings on mint: #007b7d (2.65:1) -> #2d3127 (6.9:1) */
.elementor-166 .elementor-element-9957411 .elementor-heading-title,
.elementor-166 .elementor-element-fb76836 .elementor-heading-title {
	color: #2d3127 !important;
}

/* 2. Footer contact line, links and copyright on teal:
 *    #2d3127 (3.8:1) -> #111111 (5.4:1) */
.elementor-166 .elementor-element-5d70d29,
.elementor-166 .elementor-element-5d70d29 :is(p, a, span, li),
.elementor-166 .elementor-element-2359187,
.elementor-166 .elementor-element-2359187 :is(p, a, span, li) {
	color: #111111 !important;
}

/* 3. "Sign Up" button text on teal: #f8f0df (4.48:1) -> #ffffff (5.1:1) */
.elementor-166 .elementor-element-2139603 .elementor-button,
.elementor-166 .elementor-element-2139603 .elementor-button-text {
	color: #ffffff !important;
}

/* 4. Form text and placeholders on cream: #4c98a1 (2.93:1) -> #006073 (6.3:1)
 *    Footer newsletter form and the Private Events inquiry form. */
.elementor-166 .elementor-element-2139603 .elementor-field-textual,
.elementor-85 .elementor-element-f8fc4fe :is(input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), select, textarea) {
	color: #006073 !important;
}
.elementor-166 .elementor-element-2139603 .elementor-field-textual::placeholder,
.elementor-85 .elementor-element-f8fc4fe :is(input, textarea)::placeholder {
	color: #006073 !important;
	opacity: 1;
}

/* 5. Legal page body text on white: #7a7a7a (4.29:1) -> #595959 (7.0:1) */
.elementor-1677 .elementor-element-006b3a7,
.elementor-1677 .elementor-element-006b3a7 :is(p, li, span, td),
.elementor-1679 .elementor-element-fbc003d,
.elementor-1679 .elementor-element-fbc003d :is(p, li, span, td),
.elementor-1514 .elementor-element-add5fb0,
.elementor-1514 .elementor-element-add5fb0 :is(p, li, span, td) {
	color: #595959 !important;
}

/* 5b. Gray post text on white: #777777 (4.47:1) -> #595959 (7.0:1)
 *     Cocktails page post list, and the event cards on /upcoming-events/. */
.elementor-1495 .elementor-element-dba35e1 :is(p, span, strong, em, .elementor-post__excerpt, .elementor-post__meta-data),
.elementor-1723 .elementor-element-875da08 :is(p, span, .elementor-post__excerpt, .elementor-post__meta-data) {
	color: #595959 !important;
}

/* 5c. History page:
 *     white text on #4c98a1 (3.3:1) -> background darkened to #006073 (7.5:1);
 *     #007b7d text on cream (4.48:1) -> #006073 (6.3:1). */
.elementor-1020 .elementor-element-1d0e094 > .elementor-widget-wrap {
	background-color: #006073 !important;
}
/*     White text on gold #bf964a (2.7:1) -> same hue darkened to #876930 (5.1:1).
 *     Approved 2026-10-21. */
.elementor-1020 .elementor-element-7b5bd96 > .elementor-widget-wrap {
	background-color: #876930 !important;
}
.elementor-1020 .elementor-element-2ca814f,
.elementor-1020 .elementor-element-2ca814f :is(p, span, a, strong, em) {
	color: #006073 !important;
}

/* 5d. Event "RSVP" button: white on #24aeb8 (2.07:1) -> on #006073 (7.5:1).
 *     The button only renders when the event has a link (see plugin PHP). */
.elementor-1714 .elementor-element-62e9737 .elementor-button {
	background-color: #006073 !important;
	color: #ffffff !important;
}
.elementor-1714 .elementor-element-62e9737 .elementor-button:is(:hover, :focus) {
	background-color: #004b5a !important;
	color: #ffffff !important;
}

/* 6. Awards ticker pause button on the wood texture:
 *    inherited #464646 (3.6:1) -> heading brown #452a11 (5.0:1) */
.mk-ticker-toggle {
	color: #452a11 !important;
	font-weight: 600;
}

/* 7. 2.4.7 / 1.4.11 Focus visible: one global ring that shows on both the
 *    dark green header and the light sections — a white inner halo inside a
 *    near-black outline. */
:focus-visible {
	outline: 3px solid #111111 !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 2px #ffffff !important;
}