/*
Theme Name: LGLGLO Theme
Theme URI: https://lglglo.com
Author: LGLGLO Engineering Team
Author URI: https://lglglo.com
Description: Production-ready enterprise-grade custom WordPress theme for LGLGLO architectural lighting solutions. Features responsive glassmorphism design, GSAP animations, Projects CPT, Theme Settings Dashboard, Page Importer, Rank Math SEO compatibility, and seamless LumenShop product plugin integration.
Version: 1.0.1
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: lglglo
Domain Path: /languages/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-theme, lighting, architecture, woocommerce, responsive-layout, dark-mode, custom-menu, featured-images, theme-options
*/

/* Accessibility Screen Reader Text */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Skip link focus transition */
.skip-link:focus {
	top: 10px;
	left: 10px;
	z-index: 999999;
	background: #D4AF37;
	color: #000000;
	padding: 12px 20px;
	font-weight: 700;
	border-radius: 9999px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}