/*
 * Egypt Gate Child: base layer (all languages).
 *
 * Loaded after Foxiz. Rules here are a deliberately small foundation:
 * design tokens, accessibility basics and overflow safety. Page-level
 * redesign belongs to the next phase.
 *
 * DO NOT create assets/css/main.css, rtl.css, print.css, podcast*.css,
 * woocommerce*.css or font-awesome.css in this theme: Foxiz replaces its own
 * file with a child file of the same path (foxiz_get_file_uri()).
 */

:root {
	/* Design tokens: reuse these in later phases. */
	--egc-space-1: 0.25rem;
	--egc-space-2: 0.5rem;
	--egc-space-3: 1rem;
	--egc-space-4: 1.5rem;
	--egc-space-5: 2.5rem;
	--egc-radius: 4px;
	--egc-focus-color: #0b57d0;
	--egc-focus-width: 2px;
	--egc-focus-offset: 2px;
}

/* Visible keyboard focus. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: var(--egc-focus-width) solid var(--egc-focus-color);
	outline-offset: var(--egc-focus-offset);
}

/* Long words and URLs in article text must wrap instead of widening the page on small screens. */
.entry-content {
	overflow-wrap: break-word;
}

.entry-content table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

/* Utility for text that is only for assistive technology. */
.egc-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}