/*
Theme Name: Blaq Lite
Description: Blaq is a clean, modern and highly versatile WooCommerce theme designed for fashion and apparel stores. It features a minimalist black-and-white aesthetic with bold typography, built for brands that want a premium, editorial feel. 
Version: 1.0.2
Author: WP Custom Themes
Author URI: https://wpcustomthemes.com
Theme URI: https://wpcustomthemes.com/wordpress/themes/blaq
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blaq-lite
Tags: e-commerce, blog, one-column, full-site-editing, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, wide-blocks, threaded-comments, translation-ready
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
WC requires at least: 7.0
WC tested up to: 10.9.3

Blaq Lite WordPress Theme, Copyright 2026 WP Custom Themes
Blaq Lite is distributed under the terms of the GNU General Public License v2.0 or later.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
*/





/*--------------------------------------------------------------
# Mixin
--------------------------------------------------------------*/
@import "sass/mixin/mixin";

/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/

@import "sass/blocks/all-blocks";

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
@import "sass/patterns/all-patterns";



/* --- Block Media Quries
-------------------------------------------------------- */
@import 'sass/media-query';

/*--------------------------------------------------------------
# Accessibility - Keyboard focus indicators
#
# Restores a clearly visible focus ring for every interactive
# element so the theme is fully keyboard-navigable. :focus-visible
# is used so the ring only appears for keyboard / assistive-tech
# users and not on mouse clicks. The ring uses currentColor, which
# is the element's own (readable) text colour, so it always
# contrasts with its background - a light ring in the dark header
# and a dark ring on the light body. Declared with !important so it
# reliably overrides the theme's `outline: none` reset rules on
# keyboard focus while still allowing them to apply on mouse focus.
--------------------------------------------------------------*/
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible,
.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-navigation-item__content:focus-visible,
.wp-block-navigation .wp-block-navigation-item a:focus-visible,
.wp-block-navigation__responsive-container-open:focus-visible,
.wp-block-navigation__responsive-container-close:focus-visible,
.wp-block-navigation-submenu__toggle:focus-visible,
.wp-block-search__input:focus-visible,
.wp-block-search__button:focus-visible,
.wp-block-post-excerpt__more-link:focus-visible,
.wc-block-components-button:focus-visible,
.wc-block-components-quantity-selector__button:focus-visible,
.wc-block-components-quantity-selector__input:focus-visible,
.wc-block-components-checkbox__input:focus-visible,
.wc_forward:focus-visible,
.button:focus-visible {
	outline: 2px solid currentColor !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 4px rgba(128, 128, 128, 0.35) !important;
}

/* Ensure skip links and other off-screen targets are visible once focused. */
.skip-link:focus,
.screen-reader-text:focus {
	outline: 2px solid currentColor !important;
	outline-offset: 2px !important;
}