/*
Theme Name:   Parquet Lille
Theme URI:    https://parquet-lille.fr/
Description:  Thème enfant de Twenty Twenty-Five pour Parquet Lille.
Author:       Les Moulures du Nord
Template:     twentytwentyfive
Version:      1.1.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain:  parquet-lille
*/

/* Transitions boutons (theme.json ne gère pas transition) */
.wp-element-button,
.wp-block-button__link {
	transition: background-color .25s, color .25s, border-color .25s;
}

/* Boutons empilés pleine largeur sur mobile */
@media (max-width: 781px) {
	.wp-block-buttons > .wp-block-button {
		width: 100%;
	}
	.wp-block-buttons > .wp-block-button .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
	}
}

/* Transitions boutons (theme.json ne gère pas transition) */
.wp-element-button,
.wp-block-button__link {
	transition: background-color .25s, color .25s, border-color .25s;
}

/* Boutons empilés pleine largeur sur mobile */
@media (max-width: 781px) {
	.wp-block-buttons > .wp-block-button {
		width: 100%;
	}
	.wp-block-buttons > .wp-block-button .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
	}
}

/* Évite le scroll horizontal avec les sections alignfull.
   clip et non hidden : hidden casse le header collant. */
html, body {
	overflow-x: clip;
}

/* Header collant */
header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 100;
}
/* Décalage sous la barre d'admin (fixe au-delà de 600px) */
@media (min-width: 601px) {
	.admin-bar header.wp-block-template-part {
		top: var(--wp-admin--admin-bar--height, 32px);
	}
}

/* Header réduit au défilement (classe posée par assets/js/header-scroll.js) */
.pl-header > .wp-block-group {
	transition: min-height .25s ease;
}
.pl-header .wp-block-image img {
	transition: width .25s ease;
}
/* !important : la hauteur (115px) et la largeur du logo (240px) sont en style inline dans le bloc */
.is-scrolled .pl-header > .wp-block-group {
	min-height: 72px !important;
}
.is-scrolled .pl-header .wp-block-image img {
	width: 190px !important;
}
@media (prefers-reduced-motion: reduce) {
	.pl-header > .wp-block-group,
	.pl-header .wp-block-image img {
		transition: none;
	}
}

/* Utilitaires de visibilité */
@media (max-width: 781px) {
  .masquer-mobile { display: none !important; }
}
@media (min-width: 782px) {
  .masquer-desktop { display: none !important; }
}