/*
Theme Name: Voxa
Theme URI: https://techyza.com/voxa
Author: Techyza
Author URI: https://techyza.com
Version: 1.0.1
Description: Voxa is a featherweight starter theme for Elementor that loads fast and gets out of your way. It adds almost no CSS or JavaScript of its own and ships with zero demo content or bundled builders, so there is nothing to undo before you start — just a clean, semantic foundation for Elementor to build on. Every layout, including full-screen Blank Canvas pages, is wrapped in a proper single <main> landmark with a skip link, so your sites pass accessibility checks out of the box. Elementor Theme Builder locations (header, footer, single, archive) are registered, with Full Width and Blank Canvas page templates included. Fully responsive, RTL and translation ready. Pair it with the free Voxen plugin to manage a global design system — colours, fonts, fluid sizes and spacing — that stays in sync across Elementor's V3 Global Colours/Fonts and V4 Variables.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: voxa
Tags: one-column, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, rtl-language-support, block-styles, wide-blocks
*/

/* =========================================================================
   Voxa — lean base styles only. Visual design is yours to build (Elementor,
   blocks, or the Voxen global design system). Keep this minimal and fast.
   ========================================================================= */

/* Box model */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #1e1e1e;
	background: #ffffff;
}

/* Media */
img, svg, video, canvas, picture { max-width: 100%; height: auto; }
img { border: 0; }

/* Links */
a { color: inherit; }

/* Forms inherit type */
button, input, select, textarea { font: inherit; color: inherit; }

/* Layout container */
.voxa-container { width: 100%; max-width: 1140px; margin-inline: auto; padding-inline: 20px; }

.site-main { min-height: 1px; }

/* Boxed (default) vs full-width / canvas */
.voxa-boxed .site-main > .voxa-container,
.voxa-default .site-main { }
.voxa-full-width .site-main,
.voxa-canvas .site-main { width: 100%; max-width: none; padding: 0; }

/* Block alignment support */
.alignwide  { max-width: 1140px; margin-inline: auto; }
.alignfull  { max-width: none; }
.aligncenter { display: block; margin-inline: auto; }

/* Header / footer (only the minimal fallback when no Theme Builder template) */
.voxa-site-header,
.voxa-site-footer { padding: 18px 0; }
.voxa-site-header .voxa-container,
.voxa-site-footer .voxa-container { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.voxa-site-title { font-size: 22px; font-weight: 700; text-decoration: none; }
.voxa-nav ul { list-style: none; display: flex; gap: 18px; margin: 0; padding: 0; flex-wrap: wrap; }
.voxa-nav a { text-decoration: none; }
.voxa-site-footer { border-top: 1px solid #eee; color: #555; font-size: 14px; }

/* Content typography (light defaults; overridable) */
.entry-content { margin-block: 1.2em; }
.entry-title { margin: 0 0 .4em; }

/* Accessibility: visually-hidden helper + skip link */
.screen-reader-text {
	border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden;
	position: absolute !important; word-wrap: normal !important;
}
.skip-link.screen-reader-text:focus {
	clip: auto; clip-path: none; height: auto; width: auto; margin: 0;
	display: inline-block; left: 6px; top: 6px; z-index: 100000;
	padding: 10px 16px; background: #fff; color: #111;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.2); border-radius: 3px;
	text-decoration: none; font-weight: 600;
}

/* Keyboard focus visibility */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible { outline: 2px solid #1d4ed8; outline-offset: 2px; }