/*
Theme Name: Jynxprod
Theme URI: 
Author: jjj
Author URI: 
Description: Thème enfant TT25, personnalisé pour JYNXPROD
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: jynxprod
Tags: 
*/

/* Styles globaux du thème enfant. Les styles spécifiques (menu mobile…) sont dans assets/css/. */

/* ------------------------------------------------------------------
   Overlay du menu mobile (parts/menu-mobile.html)
   ------------------------------------------------------------------ */

/* Fond blanc et texte foncé sur tout l'écran, uniquement quand le menu est ouvert. */
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container[aria-modal="true"],
dialog.wp-block-navigation__responsive-container[open] {
	background-color: var(--wp--preset--color--base, #fff) !important;
	color: var(--wp--preset--color--contrast, #111) !important;
}

/* Le contenu de l'overlay occupe toute la largeur et toute la hauteur. */
.jp-overlay {
	align-self: stretch;
	box-sizing: border-box;
	width: 100%;
	min-height: 100%;
	background-color: var(--wp--preset--color--base, #fff);
	color: var(--wp--preset--color--contrast, #111);
}

/* Filet de sécurité : si le conteneur de WordPress restait transparent,
   l'ombre géante peint le fond blanc sur les marges autour du menu. */
.is-menu-open .jp-overlay,
[aria-modal="true"] .jp-overlay,
dialog[open] .jp-overlay {
	box-shadow: 0 0 0 100vmax var(--wp--preset--color--base, #fff);
}

/* Croix de fermeture du menu mobile : toujours noire. Sans cette règle,
   les navigateurs mobiles (Safari iOS notamment) la colorent en bleu. */
.jp-overlay .wp-block-navigation-overlay-close,
.jp-overlay [class*="overlay-close"],
.wp-block-navigation__responsive-container-close {
	color: #000 !important;
	background: transparent !important;
	border: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: transparent;
}

.jp-overlay .wp-block-navigation-overlay-close svg,
.jp-overlay [class*="overlay-close"] svg,
.wp-block-navigation__responsive-container-close svg {
	fill: currentColor !important;
	color: #000 !important;
}

/* ------------------------------------------------------------------
   Fil d'Ariane WooCommerce
   ------------------------------------------------------------------ */

/* Supprime la marge ajoutée par WooCommerce sous le fil d'Ariane. */
.wp-block-woocommerce-breadcrumbs .woocommerce-breadcrumb {
	margin: 0;
}

/* ------------------------------------------------------------------
   Titre masqué (templates/front-page.html)
   ------------------------------------------------------------------ */

/* Cache le titre à l'écran mais le garde pour Google et les lecteurs d'écran.
   Pour le réafficher : retirer la classe "jp-titre-masque" du bloc Titre. */
.jp-titre-masque {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}