/*
 * AdvertUp accessibility layer (all pages). Findings: GAP6-09, THM-09, GAP6-13.
 */

/* Skip link (printed by a11y.php at wp_body_open). */
.skip-link.screen-reader-text:focus {
	clip: auto;
	width: auto;
	height: auto;
	position: fixed !important;
	top: 8px;
	inset-inline-start: 8px;
	z-index: 1000010;
	padding: 12px 20px;
	background: var(--au-white, #fff);
	color: var(--au-ink, #111);
	font-weight: 700;
	text-decoration: none;
}

/* Visible keyboard focus. !important: the theme removes outlines with !important in places. */
:focus-visible {
	outline: 2px solid var(--au-brand, #3cc0c6) !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.85);
}

/* Targets of at least 24 x 24 px without moving anything (WCAG 2.5.8). */
.menu-toggle::after,
.extra-menu-button a::after {
	content: "";
	position: absolute;
	inset: -3px -12px;
}

.logo-wrapper {
	display: inline-block;
	padding-block: 3px;
	margin-block: -3px;
}

.site-footer .widget_nav_menu li a {
	display: inline-block;
	min-height: 24px;
}

/* Closed side menu: out of the tab order (it was only moved off-screen). The theme's
   "transition: all" switches visibility at the right moment in both directions. */
.royalstudio-side-menu {
	visibility: hidden;
}

.royalstudio-side-opened .royalstudio-side-menu {
	visibility: visible;
}

/* Floating search opens on keyboard focus and on click, not only on hover. */
#side-search:focus-within,
#side-search.is-open {
	width: 260px;
}

#side-search:focus-within input.search-field,
#side-search.is-open input.search-field {
	opacity: 1;
}

#side-search:focus-within button.search-submit,
#side-search.is-open button.search-submit {
	background-color: var(--au-ink, #111);
	color: var(--au-white, #fff);
}

/* Reduced motion: no decorative animation, transitions or smooth scrolling. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	.elementor-invisible {
		visibility: visible !important;
	}
}

/* WCAG 1.4.3: post body text was #7a7a7a on white (4.29:1). #666 keeps the same grey tone at 5.74:1. */
.single .entry-content p,
.single .entry-content li {
	color: #666;
}

/* WCAG 1.4.3: teal text on white is 2.2:1. The services "Request Service" text buttons (dialog openers) and the
   header "Let's Talk" button in its current-page state (white header on the contact pages) use the darker brand ink. */
a[data-au-service] .elementor-button-text,
.site-header .cta-button.current-menu-item .btn-inner span {
	color: var(--au-brand-ink, #16767b) !important;
}

/* "Continue reading" links on the white blog/archive listings: teal on white was 2.2:1. */
.more-link {
	color: var(--au-brand-ink, #16767b);
}

/* WCAG 1.4.3, remaining teal text links on white (2.2:1): blog sidebar categories, post tags, the related-posts
   "View All" link, the contact phone number and inline links in tab content use the brand ink. */
.widget_categories .cat-item > a,
.tags-holder .tag > a,
a > .related-post-heading,
.elementor-icon-box-description a[href^="tel:"],
.ft-tabs-content p a {
	color: var(--au-brand-ink, #16767b);
}
/* The theme forces its underline links teal with !important (ft-colors.php); the EN tab links use that class. */
.ft-tabs-content p a.rs_underline {
	color: var(--au-brand-ink, #16767b) !important;
}

/* WCAG 2.5.8: the post category chips sit next to each other; give each a 24px-high target. */
.category-holder a.category {
	display: inline-block;
	min-height: 24px;
	line-height: 24px;
}

/* Branding questionnaire "Get a quote now" outline button: teal text on white (2.2:1). Its hover/focus fill is unchanged. */
.elementor-16146 .elementor-element-ec1fdc5 a.elementor-button:not(:hover):not(:focus) {
	color: var(--au-brand-ink, #16767b);
}

/* Manager Challenge app: near-black text on its teal buttons, as elsewhere on the site (white was 2.2:1, 3.2:1 on hover). */
.auc-start-btn,
.auc-link-btn.auc-link-teal,
.auc-dot-btn.auc-dot-done,
.auc-submit-btn {
	color: var(--au-on-brand, #111) !important;
}