/*
Theme Name:        Swyft Child
Theme URI:         https://warsawtravelers.pl
Description:       Child theme for Swyft. Holds Warsaw Travelers-specific fixes so they survive Swyft theme updates instead of being overwritten.
Author:            Warsaw Travelers
Template:          swyft
Version:           1.0.0
Requires at least:  6.0
Requires PHP:      7.4
Text Domain:       swyft-child
*/

/*
 * Accessibility fix: the parent theme's .screen-reader-text / .sr-only rule uses
 * display:none, which hides the text from screen readers too, not just visually.
 * This is what made icon-only links (author social icons) read as unnamed.
 * Kept here as a safety net in case a future Swyft update reintroduces it.
 */
.screen-reader-text, .sr-only {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/*
 * Wider article text column: the site intentionally widened the "large" and
 * "medium" reading-column breakpoints to match the full content width
 * (default Swyft is 920px / 800px). Kept here so a theme update doesn't
 * reset it back to the narrower default.
 */
:root {
	--cs-entry-content-large-width: 1056px;
	--cs-entry-content-medium-width: 1056px;
}

/*
 * Search overlay title spacing: the parent theme sized this via a
 * `.cs-search__header h2` element selector. The overlay title is now a
 * `<p class="h2">` (see template-parts/site-search.php override), so these
 * responsive rules are re-targeted at the class to keep the exact same look.
 */
@media (max-width: 991.98px) {
	.cs-search__header .h2 {
		margin: 0;
		font-size: 1.5rem;
	}
}
@media (max-width: 575.98px) {
	.cs-search__header .h2 {
		font-size: 1.125rem;
	}
}