/*
Theme Name: Eventim USA11Y 2026 - Light/Dark
Theme URI: 
Author: Eventim USA Design
Author URI: https://design.eventim.us
Description: Eventim USA11Y is a lightweight, developer-first WordPress starter theme built for clean, scalable projects. It provides a solid foundation while giving you full control over design and functionality. The theme includes WCAG-focused enhancements to help build accessible experiences. This theme includes improvements for SEO schema and open graph displays for Eventim US Listings plugin event pages. This theme requires the Spectra plugin to unlock its full block-based layout capabilities. Spectra powers enhanced Gutenberg blocks, layout controls, and performance-optimized UI elements that integrate with this theme’s architecture. Eventim USA11Y also recommends the View Transitions plugin to enable smooth, native-style page transitions across your site.
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.4
Version: 2026.03.04.12:22.pm
License: All Rights Reserved
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eventim-usa11y-2026
Tags: Accessibility Ready, Site Editor, Block Editor Styles, Wide Blocks, Editor Style

/* ==========================================================================
   BASE ACCESSIBILITY
   ========================================================================== */
/* Ensure minimum touch target size */
button,
[type="button"],
[type="submit"],
[type="reset"],
a {
	touch-action: manipulation;
}
/* Prevent text selection on interactive elements */
button,
[role="button"] {
	-webkit-user-select: none;
	user-select: none;
}
/* Ensure full and wide alignments work properly
.wp-block {
	max-width: var(--wp--style--global--content-size);
	margin-left: auto;
	margin-right: auto;
}
.alignwide {
	max-width: var(--wp--style--global--wide-size);
}
.alignfull {
	max-width: 100%;
	width: 100%;
} */
/* ==========================================================================
   FOCUS STYLES (base - see accessibility.css for comprehensive styles)
   ========================================================================== */
/* Base focus visible */
:where(.wp-site-blocks *:focus-visible) {
	outline-width: 3px;
	outline-style: solid;
	outline-color: var(--wp--preset--color--brand-accent, #e65054);
	outline-offset: 2px;
}
/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}
/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}
/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}
/* ==========================================================================
   TYPOGRAPHY ACCESSIBILITY
   ========================================================================== */
/*
 * Progressive enhancement to reduce widows and orphans
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	text-wrap: pretty;
}
/* Minimum line height for readability */
body {
	line-height: 1.6;
}
/* Ensure sufficient spacing between paragraphs */
p+p {
	margin-top: 1em;
}
/* ==========================================================================
   NAVIGATION SUBMENU FIX
   ========================================================================== */
/* Lower z-index on main content so submenu shows above */
main.wp-block-group {
	z-index: 1;
}
/* Ensure header and nav are above main */
header,
.site-header {
	z-index: 10;
	position: relative;
}
.wp-block-navigation__submenu-container {
	z-index: 100000;
}
/* Reduce gap between menu item and submenu arrow */
.wp-block-navigation-submenu__toggle {
	padding-right: 0;
	gap: 0.25em;
}
/* Or target the parent link spacing */
.wp-block-navigation-submenu>.wp-block-navigation-item__content {
	padding-right: 0.25em;
}
/* ==========================================================================
   LAYOUT UTILITIES
   ========================================================================== */
/*
 * Change the position of the more block on the front, by making it a block level element.
*/
.more-link {
	display: block;
}
/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 */
:where(pre) {
	overflow-x: auto;
}
/* ==========================================================================
   FORM ACCESSIBILITY
   ========================================================================== */
/* Ensure form elements inherit font */
button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
}
/* Disabled state should be visually distinct */
button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
	cursor: not-allowed;
	opacity: 0.6;
}
/* Required field indicator */
label .required,
label .asterisk {
	color: var(--wp--preset--color--brand-accent, #e65054);
}
/* ==========================================================================
   IMAGE ACCESSIBILITY
   ========================================================================== */
/* Prevent layout shift from images */
img {
	max-width: 100%;
	height: auto;
}
/* Ensure images with links have visible focus */
a:has(img):focus-visible {
	outline-offset: 4px;
}
/* ==========================================================================
   MOTION PREFERENCES
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}
.post-type-seetickets-event.is-dark-theme :where(.editor-styles-wrapper) .advgb-social-icon img,
.theme-dark #event-details .advgb-social-icon img {
	filter: brightness(0) invert(1);
}
/* header, footer svg
svg#eventim-see-logo {
	width: 125px;
	height: auto;
}
svg#eventim-see-logo-footer {
	width: 300px;
	height: auto;
}
svg .st1 {
	fill: currentColor;
} */