/*
Theme Name: Union
Description: Thème enfant d'Astra pour Union — ateliers et expériences d'ici, Québec.
Author: Amandine Valcares
Template: astra
Version: 1.0.0
Text Domain: union
*/

:root {
  --union-terracotta: #93492F;
  --union-foret:      #3E4D41;
  --union-encre:      #221C18;
  --union-creme:      #F6EFE4;
  --union-blanc:      #FFFFFF;
  --union-gris-doux:  #FAFAFA;
  --union-carte-fond: #FAFAFA;  /* fond des miniatures d'atelier */
  --union-sable:      #EEEAE4;  /* bandes neutres, plus chaudes que le gris */

  --union-titre: "Tenor Sans", "Optima", "Palatino", serif;
  --union-texte: "Antic", "Avenir Next", "Segoe UI", sans-serif;
}

/* L'en-tête suit la même gouttière que les bandes pleine largeur : sans ça,
   « Union » s'aligne sur le conteneur d'Astra, plus étroit, et se décale par
   rapport au titre du bandeau juste en dessous. */
.ast-primary-header-bar .ast-container,
.ast-primary-header-bar > .ast-container {
  max-width: none;
  padding-inline: clamp(1.5rem, 5vw, 5rem);
}

/* Bandeau « Bêta » : fin, sombre, au-dessus du menu. Il dit que le site est
   un lancement sans prendre la place du contenu. */
.union-bandeau-beta {
  --union-hauteur-beta: 2.25rem;
  min-height: var(--union-hauteur-beta);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.4rem clamp(1.5rem, 5vw, 5rem);
  background: var(--union-encre);
  color: var(--union-creme);
  font-size: 0.8125rem;
  line-height: 1.4;
  text-align: center;
}

.union-bandeau-beta__etiquette {
  flex: none;
  font-family: var(--union-titre);
  font-size: 0.625rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding: 0.3em 0.7em;
  background: var(--union-terracotta);
  color: var(--union-creme);
}

.union-bandeau-beta__texte { opacity: 0.85; }

@media (max-width: 600px) {
  .union-bandeau-beta { font-size: 0.75rem; gap: 0.6rem; }
}

/* Nom de marque dans l'en-tête et le pied de page */
.ast-site-title-wrap .site-title,
.ast-site-title-wrap .site-title a {
  font-family: var(--union-titre);
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.34em;
  text-transform: none;
  color: var(--union-encre);
}

/* Surtitres — petites capitales espacées, comme dans la brochure */
.union-surtitre {
  font-family: var(--union-titre);
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--union-terracotta);
}

/* Pied de page — fond encre, texte crème.
   Les titres héritent sinon de la couleur encre globale, invisible sur ce fond. */
.site-footer,
.site-footer p,
.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer h5, .site-footer h6 {
  color: var(--union-creme);
}

.site-footer a {
  color: var(--union-creme);
  text-decoration: none;
}

.site-footer a:hover,
.site-footer a:focus-visible {
  color: #C56C45;
}

.union-pied-nom {
  font-family: var(--union-titre);
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.34em;
  margin: 0 0 0.6em;
}

.union-pied-territoire {
  font-size: 0.875rem;
  line-height: 1.7;
  opacity: 0.75;
  margin: 0;
}

.site-footer .footer-bar-navigation .menu-item a {
  font-size: 0.875rem;
  letter-spacing: 0.04em;
}

/* Bandeau de consentement — le plugin impose sa propre police. */
.surecookie-styles,
.surecookie-styles button,
.surecookie-banner,
.surecookie-banner button {
  font-family: var(--union-texte);
}

.surecookie-banner .surecookie-btn-base {
  font-family: var(--union-titre);
  letter-spacing: 0.06em;
  border-radius: 0;
}

/* Blocs pleine couleur alternés */
.union-bloc-terracotta {
  background: var(--union-terracotta);
  color: var(--union-creme);
}

.union-bloc-foret {
  background: var(--union-foret);
  color: var(--union-creme);
}

.union-bloc-creme {
  background: var(--union-creme);
  color: var(--union-encre);
}