/* Site-wide structural/accessibility fixes from the 2026-08-31 design audit. */

/* --- Contrast: outline "Work With Me" / "Learn more" / "More Testimonials" buttons
   inherit the Elementor kit's --e-global-color-primary (#CFA55D on cream = 2.12:1).
   Overriding the variable at its own defining scope fixes every button that reads
   it, without touching widgets on dark backgrounds that use a different variable
   (e.g. the white "GET IN TOUCH"/"Book a Session" ones, which use their own
   per-widget --e-global-color-8f095cc). */
.elementor-kit-324 {
	--e-global-color-primary: #8a6220;
}

/* --- Contrast: the "GET IN TOUCH" ghost button/link (header + footer) used
   #D3A99D on cream = 2.03:1. */
.ast-custom-button-link,
.ast-builder-button-wrap .menu-link {
	color: #8f645c;
	border-color: #8f645c;
}

.ast-custom-button-link:hover,
.ast-builder-button-wrap .menu-link:hover {
	color: #6f4c45;
	border-color: #6f4c45;
}

/* --- About page: a 10px cream sliver showed between the dark photo/quote band
   and the rose footer below it, from the band's wrapper container's own
   padding-bottom. --- */
.elementor-element-13f12f4.e-con-full {
	padding-bottom: 0 !important;
}

/* --- Nav overflow at common laptop widths (~1200-1366px): "Free Quizzes" was
   wrapping onto its own row and "GET IN TOUCH" was wrapping onto two lines. --- */
@media (min-width: 1024px) and (max-width: 1366px) {
	.main-header-menu > .menu-item > .menu-link {
		padding-left: 12px;
		padding-right: 12px;
	}

	.ast-builder-button-wrap .ast-custom-button-link {
		white-space: nowrap;
	}
}

/* Main menu: keep all eight links on one row on desktop (FAQ added 2026-10-04).
   Astra's default 1em side padding made the row wrap under the logo. */
@media (min-width: 922px) {
  .main-header-menu > .menu-item > .menu-link { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 922px) and (max-width: 1399px) {
  .main-header-menu > .menu-item > .menu-link { padding-left: 10px; padding-right: 10px; font-size: 16px; }
}