/*
Theme Name: TacTic'Hall
Theme URI: https://tactichall.ch
Author: Qodex
Author URI: https://qodex.ch
Description: Thème sur mesure pour TacTic'Hall - Stand de tir et armurerie à Evionnaz. E-commerce Click & Collect pour la vente d'armes et équipements tactiques. Design minimaliste noir/blanc/gris, tonalité militaire et professionnelle. Construit avec Full Site Editing (FSE) et WooCommerce.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 8.0
Version: 1.1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tactichall
Tags: e-commerce, woocommerce, full-site-editing, block-theme, custom-colors, accessibility-ready, one-column

TacTic'Hall WordPress Theme, © 2025 Qodex
TacTic'Hall is distributed under the terms of the GNU GPL.
*/

/*
 * Styles de base pour l'accessibilité et focus
 * Le reste du design system est géré via theme.json
 */

/* Focus visible pour accessibilité WCAG AA */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
	outline-color: #000000;
	outline-offset: 2px;
}

/* Amélioration des liens pour accessibilité */
a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.1em;
}

a:focus {
	outline: 2px solid #000000;
	outline-offset: 2px;
}

/* Navigation - espacement submenu pour visibilité outline */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/* Reset pour garantir un design propre */
* {
	box-sizing: border-box;
}

/* Support widows/orphans pour meilleure typographie */
@supports (text-wrap: pretty) {
	h1, h2, h3, h4, h5, h6 {
		text-wrap: pretty;
	}
}

@supports (text-wrap: balance) {
	h1 {
		text-wrap: balance;
	}
}

/* Styles WooCommerce de base - sera étendu dans assets/css/app.css */
.woocommerce-notices-wrapper {
	margin-bottom: 1rem;
}

/* Le reste du CSS sera défini dans assets/css/app.css après intégration du design Figma */