/*
Theme Name: AMAP Mouans-Sartoux
Theme URI: http://www.amap-mouans.fr/
Description: Thème enfant de Twenty Twenty-Five pour l'AMAP de Mouans-Sartoux
Author: Gazelle Communication
Author URI: https://www.gazellecommunication.fr/
Template: twentytwentyfive
Version: 1.0.4
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: amap-mouans
*/

/* Cartes de l'accueil */
.amap-card {
	transition: transform .2s ease, box-shadow .2s ease;
}
.amap-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 34px rgba(58, 38, 24, .12);
}

/* Petit libellé au-dessus des titres */
.amap-kicker {
	letter-spacing: .14em;
	text-transform: uppercase;
}

/* Header collant et lisible */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 50;
}
.amap-header {
	backdrop-filter: saturate(1.4) blur(8px);
	-webkit-backdrop-filter: saturate(1.4) blur(8px);
}
body.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 32px; }
@media (max-width: 782px) { body.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 0; } }

/* Pas d'espace avant le pied de page */
.wp-site-blocks > footer.wp-block-template-part { margin-block-start: 0; }

/* Logo du hero */
.amap-hero-visual img {
	border-radius: 24px;
	box-shadow: 0 20px 50px rgba(58, 38, 24, .18);
	background: #fff;
	padding: 28px 36px;
	box-sizing: border-box;
}

/* Liens dans les blocs de texte */
.entry-content a:not(.wp-element-button),
.amap-card a:not(.wp-element-button) {
	text-underline-offset: .2em;
	text-decoration-thickness: 1px;
}

/* Images des articles arrondies */
.wp-block-post-featured-image img,
.wp-block-image img {
	border-radius: 14px;
}

/* Mobile : header compact */
@media (max-width: 600px) {
	.amap-header .amap-kicker,
	.amap-header .wp-block-buttons { display: none; }
}

/* Visuels nouvelle saison */
.amap-saison-visuel img {
	border-radius: 18px;
	box-shadow: 0 12px 30px rgba(58, 38, 24, .14);
	width: 100%;
	height: auto;
}