/*
Theme Name: ASAFF
Theme URI: https://asaff-bf.org
Description: Thème du site de l'Association Solidarité Action Faire Face (ASAFF), Tenkodogo, Burkina Faso. Thème enfant de Twenty Twenty-Five.
Author: ASAFF
Template: twentytwentyfive
Version: 1.0
Text Domain: asaff
*/

/* ---- Réglages généraux ---- */
body { -webkit-font-smoothing: antialiased; }

/* ---- En-tête ---- */
.wp-block-site-logo img { max-height: 74px; width: auto; }

/* ---- Titres de section avec filet ---- */
.asaff-titre-section { position: relative; padding-bottom: .5rem; }
.asaff-titre-section::after {
  content: ""; position: absolute; left: 0; bottom: 0;
  width: 68px; height: 4px; background: var(--wp--preset--color--primaire);
}
.has-text-align-center.asaff-titre-section::after { left: 50%; transform: translateX(-50%); }

/* ---- Cartes ---- */
.asaff-carte {
  background: #fff; border: 1px solid #e7e2da; border-radius: 10px;
  height: 100%; transition: transform .18s ease, box-shadow .18s ease;
}
.asaff-carte:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(22,40,60,.10); }
.asaff-carte .wp-block-image img { border-radius: 10px 10px 0 0; object-fit: cover; width: 100%; aspect-ratio: 3/2; }

/* ---- Chiffres clés ---- */
.asaff-chiffre { line-height: 1.05; }
.asaff-chiffre strong { display: block; font-size: clamp(2.1rem, 5vw, 3.1rem); color: var(--wp--preset--color--primaire); }

/* ---- Bandeau d'accueil ---- */
.asaff-hero { min-height: 62vh; }
.asaff-hero h1 { text-wrap: balance; }

/* ---- Logos partenaires ---- */
.asaff-partenaire {
  border: 1px solid #e7e2da; border-radius: 8px; background: #fff;
  padding: 1rem; text-align: center; font-weight: 600; font-size: .95rem;
}

/* ---- Galerie ---- */
.asaff-galerie .wp-block-image img { aspect-ratio: 4/3; object-fit: cover; border-radius: 8px; }

/* ---- Vidéos ---- */
.asaff-video video { width: 100%; max-height: 78vh; border-radius: 10px; background: #000; }

/* ---- Liste des publications ---- */
.asaff-publication {
  display: flex; gap: 1rem; align-items: flex-start;
  border-bottom: 1px solid #e7e2da; padding: 1.1rem 0;
}

/* ---- Pied de page ---- */
.asaff-pied a { text-decoration: none; }
.asaff-pied a:hover { text-decoration: underline; }

/* ---- Accessibilité ---- */
a:focus-visible, button:focus-visible, .wp-block-button__link:focus-visible {
  outline: 3px solid var(--wp--preset--color--accent); outline-offset: 2px;
}

/* ---- Mobile ---- */
@media (max-width: 781px) {
  .asaff-hero { min-height: 54vh; }
  .asaff-publication { flex-direction: column; gap: .4rem; }
}

/* Corrections */
.home .wp-block-post-title{display:none}
.home .wp-block-post-content>.wp-block-cover:first-child{margin-top:-1px}
.wp-block-navigation{row-gap:.3rem}
@media(min-width:900px){.wp-block-navigation__container{flex-wrap:nowrap}}
.home main{padding-block-start:0!important;margin-block-start:0!important}
.home main>*:first-child,.home .wp-block-post-content,.home .entry-content{margin-block-start:0!important}
.home .wp-block-group.has-global-padding:first-of-type{padding-top:0!important}

/* ============ Compatibilite palette ASAFF sous Kadence ============ */
:root{
 --wp--preset--color--primaire:#CE1B1B; --wp--preset--color--primaire-fonce:#9E1414;
 --wp--preset--color--accent:#E8762C; --wp--preset--color--vert:#1F7A5C;
 --wp--preset--color--anthracite:#16283C; --wp--preset--color--gris:#5B6670;
 --wp--preset--color--gris-clair:#EFEBE4; --wp--preset--color--creme:#FBF7F2;
 --wp--preset--color--blanc:#FFFFFF;
}
.has-primaire-color{color:#CE1B1B!important} .has-primaire-background-color{background-color:#CE1B1B!important}
.has-primaire-fonce-color{color:#9E1414!important} .has-primaire-fonce-background-color{background-color:#9E1414!important}
.has-accent-color{color:#E8762C!important} .has-accent-background-color{background-color:#E8762C!important}
.has-vert-color{color:#1F7A5C!important} .has-vert-background-color{background-color:#1F7A5C!important}
.has-anthracite-color{color:#16283C!important} .has-anthracite-background-color{background-color:#16283C!important}
.has-gris-color{color:#5B6670!important} .has-gris-background-color{background-color:#5B6670!important}
.has-gris-clair-color{color:#EFEBE4!important} .has-gris-clair-background-color{background-color:#EFEBE4!important}
.has-creme-color{color:#FBF7F2!important} .has-creme-background-color{background-color:#FBF7F2!important}
.has-blanc-color{color:#FFFFFF!important} .has-blanc-background-color{background-color:#FFFFFF!important}

/* Titre du site en double avec le logo */
.site-branding .site-title, .site-branding .site-description{display:none}
/* Le contenu doit coller a l'en-tete */
.entry-content>.wp-block-cover:first-child{margin-top:0}
.content-area{padding-top:0!important}

/* ============ Mise en page sous Kadence ============ */
.entry-content .alignfull{padding-inline:24px;box-sizing:border-box}
.entry-content .alignfull>.wp-block-columns,.entry-content .alignwide{max-width:1240px;margin-inline:auto}
.entry-content .wp-block-cover.alignfull{padding-inline:0}
.entry-content>*{margin-block:0}

/* Bandeaux : degrade pour la lisibilite du texte */
.wp-block-cover.asaff-hero .wp-block-cover__background,
.entry-content .wp-block-cover .wp-block-cover__background{
 background-image:linear-gradient(90deg,rgba(22,40,60,.88) 0%,rgba(22,40,60,.72) 45%,rgba(22,40,60,.35) 100%);
}
.wp-block-cover__inner-container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:24px}

/* Cartes plus vivantes */
.asaff-carte{box-shadow:0 1px 3px rgba(22,40,60,.06)}
.asaff-carte h3{color:#16283C}

/* Chiffres cles */
.asaff-chiffre p:first-child{letter-spacing:-.02em}

@media(max-width:781px){
 .entry-content .alignfull{padding-inline:18px}
 .wp-block-cover__inner-container{padding-inline:18px}
 .wp-block-cover .wp-block-cover__background{background-image:linear-gradient(180deg,rgba(22,40,60,.75) 0%,rgba(22,40,60,.85) 100%)}
}

/* Blocs larges : recadrage face aux marges negatives de Kadence */
.entry-content .alignwide,
.entry-content .alignfull .wp-block-columns.alignwide,
.entry-content .alignfull > .alignwide{
 max-width:1240px!important; width:auto!important;
 margin-left:auto!important; margin-right:auto!important;
}

/* Titres : anthracite par defaut, le filet rouge suffit comme accent */
.entry-content h2,.entry-content h3,.entry-content h4{color:#16283C}
.entry-content .wp-block-image img{border:0}
.entry-content .wp-block-quote{border-left:4px solid #E8762C;padding-left:1.4rem}
.entry-content .wp-block-buttons{margin-top:1.6rem}
.asaff-partenaire{margin-bottom:.8rem}
.entry-content ul,.entry-content ol{padding-left:1.3rem}
.entry-content li{margin-bottom:.45rem}

/* Bandeau colle a l'en-tete et contenu du bandeau aligne sur la grille */
.page .entry-content-wrap{padding-top:0!important}
.entry-content>.wp-block-cover:first-child{padding-top:0!important}
.wp-block-cover__inner-container{max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}
.entry-content .wp-block-cover .wp-block-cover__background{
 background-image:linear-gradient(90deg,rgba(22,40,60,.92) 0%,rgba(22,40,60,.78) 50%,rgba(22,40,60,.45) 100%)!important;
}
@media(max-width:781px){
 .entry-content .wp-block-cover .wp-block-cover__background{background-image:linear-gradient(180deg,rgba(22,40,60,.72) 0%,rgba(22,40,60,.9) 100%)!important}
}

/* Suppression de la marge haute de Kadence sur les pages a bandeau */
.page .content-area{margin-top:0!important}
.page .content-area{margin-bottom:0!important}

/* ============ Pied de page ============ */
#colophon .footer-widget-area,#colophon .site-middle-footer-wrap{color:#EFEBE4}
#colophon .asaff-pied-titre{color:#fff;font-size:1.05rem;font-weight:700;margin:0 0 .8rem}
#colophon p{font-size:.95rem;line-height:1.6}
#colophon a{color:#EFEBE4;text-decoration:none}
#colophon a:hover{color:#fff;text-decoration:underline}
#colophon .asaff-pied-liens{list-style:none;margin:0;padding:0}
#colophon .asaff-pied-liens li{margin-bottom:.5rem;font-size:.95rem}
#colophon .site-bottom-footer-wrap{font-size:.9rem;color:#B9C2CC}