/*
Theme Name: Valbrune
Description: Thème enfant de Twenty Twenty-Five pour le site de démonstration « Les Jardins de Valbrune » (association fictive de jardins partagés). Palette verte et terre, titres en Platypi, texte en Ysabeau Office (polices fournies par le thème parent).
Author: DigiSeer
Template: twentytwentyfive
Version: 1.1.0
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: valbrune
*/

/*
 * Presque tout le style est dans theme.json (couleurs, polices, boutons, liens).
 * Ici : seulement ce que theme.json ne sait pas faire.
 */

/* Fiche pratique d'un événement (date, horaire, lieu…) : libellés en gras alignés */
.valbrune-fiche ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.valbrune-fiche li {
	padding: 0.35em 0;
	border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent);
}
.valbrune-fiche li:last-child {
	border-bottom: 0;
}

/* Cartes des jardins et des rendez-vous sur l'accueil : image arrondie, carte au même niveau */
.valbrune-carte {
	height: 100%;
}
.valbrune-carte .wp-block-image img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	width: 100%;
}

/* Images à la une : bords légèrement arrondis, comme les cartes */
.wp-block-post-featured-image img,
.valbrune-carte img {
	border-radius: 6px;
}

/* Bande DigiSeer sous le pied de page (parts/footer.html) : couleurs et police de digiseer.app, clairement distincte
   du site fictif. Fond blanc cassé (plus lisible sous le pied de page vert foncé qu'un second fond sombre), accent rose */
.digiseer-bande {
	background: #f4f4f2;
	color: #1a1a1a;
	border-top: 3px solid #d90d73;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 0;
	padding: 24px 16px;
}
.digiseer-bande__inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px 32px;
}
.digiseer-bande__texte {
	flex: 1 1 420px;
}
.digiseer-bande p {
	margin: 0 0 4px;
}
.digiseer-bande__logo {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 17px;
	margin-bottom: 8px !important;
}
.digiseer-bande__logo img {
	width: 28px;
	height: 28px;
	border-radius: 6px;
}
.digiseer-bande__liens {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 20px;
	margin-top: 10px !important;
}
.digiseer-bande a {
	color: #d90d73;
	text-decoration: underline;
}
.digiseer-bande a:hover {
	color: #1a1a1a;
}
.digiseer-bande .digiseer-bande__bouton {
	display: inline-block;
	background: #d90d73;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	border-radius: 999px;
	padding: 12px 24px;
	white-space: nowrap;
}
.digiseer-bande .digiseer-bande__bouton:hover,
.digiseer-bande .digiseer-bande__bouton:focus {
	background: #1a1a1a;
	color: #fff;
}
/* Téléphone : tout empilé, bouton pleine largeur */
@media (max-width: 600px) {
	.digiseer-bande__inner { flex-direction: column; align-items: stretch; }
	.digiseer-bande__texte { flex-basis: auto; }
	.digiseer-bande .digiseer-bande__bouton { text-align: center; white-space: normal; }
}

/* Bandeau d'accueil : texte lisible sur la photo */
.valbrune-bandeau h1,
.valbrune-bandeau p {
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.35);
}

/* 12/11 : fondu sombre au centre du bandeau, derrière le titre et les boutons, pour les lire sur la photo.
   Posé sur le voile du bloc Couverture (déjà entre la photo et le texte) plutôt que par-dessus le bloc */
.valbrune-bandeau .wp-block-cover__background {
	opacity: 1 !important;
	background-color: transparent !important;
	background-image:
		radial-gradient(ellipse 55% 60% at 50% 55%, rgba(20, 30, 22, 0.6) 0%, rgba(20, 30, 22, 0.3) 60%, rgba(20, 30, 22, 0.1) 100%),
		linear-gradient(to bottom, rgba(20, 30, 22, 0.1), rgba(20, 30, 22, 0.3)) !important;
}