/*
Theme Name: Velocity Hello
Theme URI: https://example.com/velocity-hello
Description: Update-safe, bilingual and performance-focused child theme for Hello Elementor.
Author: Original Digital
Version: 1.0.0
Requires at least: 7.0
Requires PHP: 7.4
Template: hello-elementor
Text Domain: velocity-hello
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: rtl-language-support, translation-ready, accessibility-ready, custom-logo, featured-images
*/

:root {
	--velocity-base: #fff;
	--velocity-contrast: #0f172a;
	--velocity-muted: #64748b;
	--velocity-surface: #f8fafc;
	--velocity-line: #e2e8f0;
	--velocity-accent: #2563eb;
	--velocity-accent-dark: #1d4ed8;
	--velocity-content: 720px;
	--velocity-wide: 1180px;
	--velocity-radius-sm: 8px;
	--velocity-radius-md: 14px;
	--velocity-shadow: 0 10px 30px -12px rgb(15 23 42 / 18%);
}

html {
	color-scheme: light;
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	background: var(--velocity-base);
	color: var(--velocity-contrast);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	line-height: 1.7;
	text-rendering: optimizeLegibility;
}

:where(img, video, iframe) {
	block-size: auto;
	max-inline-size: 100%;
}

:where(a) {
	color: var(--velocity-accent);
	text-underline-offset: 0.16em;
}

:where(a:hover) {
	color: var(--velocity-accent-dark);
}

:where(button, input, select, textarea) {
	font: inherit;
}

:where(input, select, textarea) {
	background: var(--velocity-base);
	border: 1px solid var(--velocity-line);
	border-radius: var(--velocity-radius-sm);
	color: var(--velocity-contrast);
	min-block-size: 44px;
	padding-block: 0.65rem;
	padding-inline: 0.8rem;
}

:where(button, [type="button"], [type="submit"], .elementor-button) {
	border-radius: var(--velocity-radius-sm);
	min-block-size: 44px;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--velocity-accent);
	outline: 3px solid color-mix(in srgb, var(--velocity-accent) 65%, white);
	outline-offset: 3px;
}

::selection {
	background: var(--velocity-accent);
	color: var(--velocity-base);
}

.velocity-container {
	inline-size: min(100% - 2rem, var(--velocity-wide));
	margin-inline: auto;
}

.velocity-content {
	inline-size: min(100%, var(--velocity-content));
	margin-inline: auto;
}

.velocity-card {
	background: var(--velocity-base);
	border: 1px solid var(--velocity-line);
	border-radius: var(--velocity-radius-md);
	box-shadow: var(--velocity-shadow);
}

.velocity-language-switcher ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.velocity-language-switcher img {
	inline-size: 20px;
}

body.velocity-rtl {
	direction: rtl;
}

body.velocity-ltr {
	direction: ltr;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}