/*
Theme Name:   Un enfant à Dano
Theme URI:    https://www.unenfantaparrainer.org/
Description:  Thème enfant de Twenty Twenty-Five pour l'association Aider un enfant à Dano (Burkina Faso). 100 % éditeur de blocs (Gutenberg), sans constructeur de pages. Inclut le formulaire « Devenir parrain » sécurisé et des compositions prêtes à l'emploi.
Author:       Aider un enfant à Dano
Template:     twentytwentyfive
Version:      1.0.0
Requires at least: 6.7
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  unenfantadano
*/

/* ------------------------------------------------------------------
 * L'essentiel du style est dans theme.json (couleurs, typo, blocs).
 * Ce fichier ne contient que ce que theme.json ne sait pas exprimer.
 * ------------------------------------------------------------------ */

/* En-tête collant et léger */
.dano-entete {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: saturate(1.4) blur(8px);
	-webkit-backdrop-filter: saturate(1.4) blur(8px);
	background-color: color-mix(in srgb, var(--wp--preset--color--base) 92%, transparent) !important;
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
}
body.admin-bar .dano-entete { top: 32px; }
@media (max-width: 782px) { body.admin-bar .dano-entete { top: 46px; } }

/* Cartes (actions, raisons de parrainer…) */
.is-style-dano-carte {
	border-radius: 18px;
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease;
}
.is-style-dano-carte:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 34px -18px rgba(31, 42, 54, .35);
}

/* Images arrondies */
.is-style-dano-arrondi img,
img.is-style-dano-arrondi { border-radius: 18px; }

/* Petit sur-titre en capitales */
.is-style-dano-surtitre {
	text-transform: uppercase;
	letter-spacing: .12em;
	font-weight: 700;
}

/* Liens accessibles : focus bien visible */
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--wp--preset--color--accent-1);
	outline-offset: 2px;
}

/* Bannière : dégradé de lisibilité sur les photos */
.dano-banniere .wp-block-cover__background {
	background: linear-gradient(180deg, rgba(31, 42, 54, .15) 0%, rgba(31, 42, 54, .75) 100%) !important;
	opacity: 1 !important;
}

/* ------------------------------------------------------------------
 * Formulaire « Devenir parrain »
 * ------------------------------------------------------------------ */
.dano-form {
	display: grid;
	gap: 1.1rem;
	padding: clamp(1.25rem, 3vw, 2.25rem);
	background: var(--wp--preset--color--accent-5);
	border-radius: 18px;
	border: 1px solid var(--wp--preset--color--accent-6);
}
.dano-form fieldset { border: 0; margin: 0; padding: 0; display: grid; gap: 1rem; }
.dano-form legend {
	font-family: var(--wp--preset--font-family--platypi);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 600;
	margin-bottom: .5rem;
}
.dano-form .dano-ligne { display: grid; gap: 1rem; grid-template-columns: 1fr; }
@media (min-width: 640px) { .dano-form .dano-ligne { grid-template-columns: 1fr 1fr; } }
.dano-form label { display: block; font-weight: 600; font-size: var(--wp--preset--font-size--small); margin-bottom: .35rem; }
.dano-form .dano-requis { color: var(--wp--preset--color--accent-7); }
.dano-form input[type="text"],
.dano-form input[type="email"],
.dano-form input[type="tel"],
.dano-form select,
.dano-form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: .75rem .9rem;
	font: inherit;
	color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--base);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 25%, transparent);
	border-radius: 10px;
}
.dano-form textarea { min-height: 7rem; resize: vertical; }
.dano-form .dano-choix { display: flex; gap: 1.25rem; flex-wrap: wrap; }
.dano-form .dano-choix label,
.dano-form .dano-case label { display: inline-flex; gap: .5rem; align-items: center; font-weight: 500; margin: 0; }
.dano-form .dano-option {
	padding: 1rem 1.1rem;
	border-radius: 12px;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--accent-6);
}
.dano-form .dano-option p { margin: .5rem 0 0 1.6rem; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--accent-4); }
.dano-form .dano-mentions { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--accent-4); }
.dano-form button[type="submit"] {
	justify-self: start;
	cursor: pointer;
	border: 0;
	border-radius: 999px;
	padding: 1rem 2.25rem;
	font: inherit;
	font-weight: 700;
	color: var(--wp--preset--color--base);
	background: var(--wp--preset--color--accent-3);
}
.dano-form button[type="submit"]:hover { background: var(--wp--preset--color--contrast); }
/* Champ piège anti-robots : invisible pour les humains */
.dano-form .dano-pot { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }

.dano-alerte { padding: 1rem 1.25rem; border-radius: 12px; font-weight: 600; margin-bottom: 1.25rem; }
.dano-alerte--ok { background: #E3F4EE; color: #145E4A; border: 1px solid #9ED8C4; }
.dano-alerte--erreur { background: #FBEAEA; color: #8A1F1F; border: 1px solid #EDB4B4; }

/* Sur-titre : aussi utilisable sur les titres */
h1.is-style-dano-surtitre, h2.is-style-dano-surtitre, h3.is-style-dano-surtitre, h4.is-style-dano-surtitre {
	font-family: var(--wp--preset--font-family--manrope);
}

/* Liste sans puces (pied de page) */
.dano-liste-simple { list-style: none; padding-left: 0; line-height: 2; }

/* Pastille « Étape 1 » */
.dano-pastille { display: inline-block; }

/* En-tête sur petit écran : on garde le logo, « Devenir parrain » et le menu burger */
.dano-entete .wp-block-button__link { white-space: nowrap; }
@media (max-width: 781px) {
	.dano-entete .wp-block-button.is-style-outline { display: none; }
	.dano-entete .wp-block-site-logo img { max-width: 44px; height: auto; }
	.dano-entete .alignwide { gap: .75rem; }
}
@media (max-width: 480px) {
	.dano-entete .wp-block-site-title { display: none; }
	.dano-entete .wp-block-button__link { padding: .5rem .85rem !important; }
}

/* ------------------------------------------------------------------
 * Contenus repris de l'ancien site
 * ------------------------------------------------------------------ */

/* PDF intégrés dans les articles (bloc Fichier, option « Afficher l'aperçu PDF intégré ») */
.wp-block-file .wp-block-file__embed { border-radius: 12px; border: 1px solid var(--wp--preset--color--accent-6); margin-bottom: 1rem; }

/* Témoignages de parrains (style « Témoignage » du bloc Citation) */
.wp-block-quote.is-style-dano-temoignage {
	position: relative; height: 100%; box-sizing: border-box; margin: 0;
	background: var(--wp--preset--color--base); border: 0; border-radius: 18px;
	padding: 3rem var(--wp--preset--spacing--40) var(--wp--preset--spacing--40);
	font-family: var(--wp--preset--font-family--manrope); font-style: normal; font-size: var(--wp--preset--font-size--medium);
}
.wp-block-quote.is-style-dano-temoignage::before {
	content: "“"; position: absolute; top: .25rem; left: var(--wp--preset--spacing--40);
	font-family: var(--wp--preset--font-family--platypi); font-size: 4.5rem; line-height: 1; color: var(--wp--preset--color--accent-1);
}
.wp-block-quote.is-style-dano-temoignage p { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--accent-4); }
.wp-block-quote.is-style-dano-temoignage cite { display: block; margin-top: 1rem; font-style: normal; font-weight: 700; color: var(--wp--preset--color--contrast); }

/* Portraits de l'équipe : recadrage carré */
.dano-portrait img { aspect-ratio: 1; object-fit: cover; width: 100%; }

/* « Pourquoi nous rejoindre » : liste à coches */
.dano-liste-raisons { list-style: none; padding-left: 0; }
.dano-liste-raisons li { position: relative; padding-left: 2.2rem; margin-bottom: 1rem; }
.dano-liste-raisons li::before {
	content: ""; position: absolute; left: 0; top: .2em; width: 1.4rem; height: 1.4rem; border-radius: 50%;
	background: var(--wp--preset--color--accent-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%231F2A36' stroke-width='3' d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/70% no-repeat;
}


/* ------------------------------------------------------------------
 * Bannière : le texte s'aligne sur la largeur du site (comme le logo)
 * ------------------------------------------------------------------ */
.wp-block-cover.dano-banniere {
	padding-left: var(--wp--style--root--padding-left, 1.5rem) !important;
	padding-right: var(--wp--style--root--padding-right, 1.5rem) !important;
}
.wp-block-cover.dano-banniere > .wp-block-cover__inner-container {
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1240px);
	margin-left: auto !important;
	margin-right: auto !important;
}
.wp-block-cover.dano-banniere > .wp-block-cover__inner-container > .wp-block-group {
	max-width: 760px;
	margin-left: 0 !important;
}

/* ------------------------------------------------------------------
 * Blog : colonne d'articles + barre latérale vert pâle
 * ------------------------------------------------------------------ */
.dano-barre-laterale .wp-block-search__input { border-radius: 999px; border: 1px solid rgba(31, 42, 54, .2); padding-left: 1rem; background: #fff; }
.dano-barre-laterale .wp-block-search__inside-wrapper { border: 0; padding: 0; }
.dano-barre-laterale .wp-block-search__button { border-radius: 999px; background: var(--wp--preset--color--accent-3); color: #fff; }
.dano-barre-laterale .wp-block-categories,
.dano-barre-laterale .dano-derniers-articles { list-style: none; padding-left: 0; margin: 0; font-size: var(--wp--preset--font-size--small); }
.dano-barre-laterale .wp-block-categories li,
.dano-barre-laterale .dano-derniers-articles li { padding: .45rem 0; border-bottom: 1px solid rgba(26, 122, 96, .18); }
.dano-barre-laterale .wp-block-categories li:last-child,
.dano-barre-laterale .dano-derniers-articles li:last-child { border-bottom: 0; }
.dano-barre-laterale a { text-decoration: none; font-weight: 600; }
.dano-barre-laterale a:hover { text-decoration: underline; }
.dano-barre-laterale .wp-block-latest-posts__post-date { display: block; color: var(--wp--preset--color--accent-4); font-size: .8rem; }
.dano-barre-laterale select { width: 100%; padding: .6rem .8rem; border-radius: 10px; border: 1px solid rgba(31, 42, 54, .2); background: #fff; font: inherit; }