/*
Theme Name: Psychologue Classor
Theme URI:
Author: Classor
Description: Thème bloc sur mesure pour le site d'une psychologue clinicienne et psychothérapeute. L'intégralité du site (en-tête, pied de page, gabarits, pages) se modifie depuis l'éditeur de site de WordPress. Compositions de pages prêtes à l'emploi, formulaire de contact intégré sans extension tierce, polices auto-hébergées, aucune dépendance à un constructeur de pages ni à un outil de compilation.
Version: 1.30.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.2
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: psychologue-classor
Tags: blog, one-column, block-patterns, full-site-editing, accessibility-ready
*/

/*
 * Ce fichier ne sert qu'à deux choses : porter l'en-tête du thème ci-dessus et
 * fournir quelques replis indispensables. La charte (couleurs, polices, tailles,
 * espacements) est définie dans theme.json ; toute la mise en forme des sections
 * vit dans assets/css/theme.css. Ne rien ajouter ici qui puisse aller ailleurs.
 */

/*
 * Texte réservé aux lecteurs d'écran. WordPress s'appuie sur cette classe pour le
 * lien d'évitement injecté automatiquement dans les thèmes blocs : sans elle, le
 * lien resterait visible en haut de chaque page.
 */
.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;
	white-space: nowrap;
	width: 1px;
	word-wrap: normal;
}

/*
 * Au clavier, le texte masqué doit redevenir lisible : c'est ce qui rend le lien
 * d'évitement réellement utilisable.
 */
.screen-reader-text:focus {
	background-color: var(--wp--preset--color--blanc, #ffffff);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
	clip: auto !important;
	clip-path: none;
	color: var(--wp--preset--color--noir, #000000);
	display: block;
	font-size: 1rem;
	font-weight: 600;
	height: auto;
	left: 0.5rem;
	line-height: normal;
	padding: 0.9rem 1.5rem;
	text-decoration: none;
	top: 0.5rem;
	width: auto;
	z-index: 100000;
}

/*
 * Indicateur de focus unique pour toute la page. Le liseré blanc intercalé entre
 * l'élément et le contour sombre garantit la visibilité aussi bien sur le fond
 * blanc du contenu que sur les images des bandeaux.
 */
:focus-visible {
	box-shadow: 0 0 0 2px var(--wp--preset--color--blanc, #ffffff);
	outline: 2px solid var(--wp--preset--color--noir, #000000);
	outline-offset: 2px;
}

/* Repli si le navigateur ne gère pas :focus-visible : ne jamais supprimer le contour. */
:focus {
	outline-color: var(--wp--preset--color--noir, #000000);
}

/* Sécurité : aucun média ne doit provoquer de défilement horizontal. */
img,
video {
	max-width: 100%;
	height: auto;
}