/*
Theme Name: PACCT Sous-bois
Theme URI: https://pacct-france.org
Author: PACCT France
Description: Thème de blocs pour PACCT France. Palette « Sous-bois » : vert profond dominant, orange du logo en signal. Conçu pour un site d'information et de documentation de terrain.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
Version: 3.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pacct-sous-bois
Tags: full-site-editing, block-patterns, one-column, custom-colors, custom-menu, editor-style, featured-images, news, blog
*/

/* Tout le style vit dans theme.json. Ce fichier ne sert qu'à l'en-tête
   et à deux finitions que theme.json ne couvre pas encore. */

.pacct-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.wp-block-post-terms a,
.wp-block-post-terms {
  text-decoration: none;
}

/* ------------------------------------------------------------------ sections
   WordPress insere un espace entre blocs freres (blockGap, 1rem par defaut).
   Nos sections ayant des fonds pleine largeur, cet espace laissait voir le
   fond de page en fine bande entre deux couleurs. Constate le 08/09.
   Les sections doivent se toucher : leur respiration vient de leur propre
   marge interieure, pas d'un ecart entre elles. */
.wp-site-blocks > *,
.wp-block-post-content > *,
main.wp-block-group > * {
  margin-block-start: 0;
}

/* ------------------------------------------------------------------ EN-TETE
   Le logo fourni comporte une marge transparente interne d'environ 10 % : sa
   marque visible est plus petite que la largeur declaree. On la borne en
   hauteur pour que l'en-tete ne devienne pas une banniere sur telephone. */
.wp-block-site-logo img {
  height: auto;
}
@media (max-width: 781px) {
  .wp-block-site-logo img {
    max-height: 60px;
    width: auto;
  }
}

/* ------------------------------------------------------------------ AGENDA
   Les elements d'une boucle de requete sont des <li> nus. On les habille en
   cartes, comme le reste du site. La couleur du fond change selon la section :
   lin sur fond clair, blanc sur la bande lin-fonce des evenements passes. */
.pacct-agenda { --pacct-carte: var(--wp--preset--color--lin); }
.pacct-agenda-clair { --pacct-carte: var(--wp--preset--color--blanc); }

.pacct-agenda .wp-block-post-template {
  gap: var(--wp--preset--spacing--40);
}
.pacct-agenda .wp-block-post-template > li {
  display: flex;
  flex-direction: column;
  background: var(--pacct-carte);
  border: 1px solid var(--wp--preset--color--lin-fonce);
  border-radius: 10px;
  overflow: hidden;
}
.pacct-agenda .wp-block-post-featured-image {
  margin: 0;
}
.pacct-agenda .wp-block-post-featured-image img {
  display: block;
  width: 100%;
  object-fit: cover;
}
/* sans photo, la carte ne doit pas garder un cadre vide en haut */
.pacct-agenda .wp-block-post-featured-image:empty {
  display: none;
}
.pacct-agenda .wp-block-post-title {
  margin: 0.35rem 0 0.5rem;
}
.pacct-agenda .pacct-evenement-meta {
  gap: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pacct-agenda .pacct-evenement-meta > * {
  margin: 0;
}
/* le lieu est precede d'un point median, sauf s'il n'y en a pas */
.pacct-agenda .pacct-evenement-meta .wp-block-post-terms:not(:empty)::before {
  content: "·";
  margin-right: 0.5rem;
}

/* ------------------------------------------- CONTACT PAR LES RESEAUX SOCIAUX
   Bloc « ecrivez-nous sur les reseaux » : la carte d'une antenne. Ses icones
   sont plus grandes qu'ailleurs, car ici elles ne decorent pas, elles sont
   le moyen de nous joindre. */
.pacct-canal .wp-block-social-links {
  margin-top: 0.75rem;
}
.pacct-canal .wp-block-social-link {
  margin-right: 0.35rem;
}

/* Le plein ecran des sections est desormais assure par WordPress lui-meme :
   theme.json declare useRootPaddingAwareAlignments, et chaque section porte
   align:full. L'ancienne rustine .pacct-hero en width:100vw a ete retiree :
   100vw inclut la barre de defilement et provoquait un debordement horizontal.
   Le controle build/check_layout.py verifie les deux points a chaque build. */

/* La colonne photo du Hero doit remplir toute sa hauteur et sa largeur,
   avec l'image recadrée en couverture plutôt qu'écrasée. */
.pacct-hero-media {
  align-self: stretch;
}
.pacct-hero-media .pacct-hero-img {
  height: 100%;
  margin: 0;
}
.pacct-hero-media .pacct-hero-img img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  object-position: 60% 32%;
  display: block;
}

/* Le bloc Colonnes du cœur de WordPress empile déjà ses colonnes sous
   782px automatiquement ; on ajoute juste une hauteur plancher à l'image
   empilée, pour qu'elle ne s'écrase pas à quelques pixels de haut. */
@media (max-width: 781px) {
  .pacct-hero-media .pacct-hero-img img {
    min-height: 260px;
  }
}