/* ==========================================================================
   TM design — compléments WordPress (le design du site est dans main.css)
   ========================================================================== */

/* Barre d'administration (connecté) : le menu fixe passe dessous */
body.admin-bar .nav, body.admin-bar .nav::before { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar .nav, body.admin-bar .nav::before { top: 46px; }
  #wpadminbar { position: fixed; }
}

.tmd-archive { padding-top: 0; }
.tmd-pagination { margin-top: 48px; }
.tmd-pagination .nav-links { display: flex; gap: 16px; font-weight: 700; }
.tmd-pagination .current { color: var(--blue); }

/* ==========================================================================
   Contenu libre : chaque bloc WordPress standard ajouté dans une page est placé
   dans un conteneur .tmd-flow (largeur du contenu, marges du site). Les réglages
   « Large » et « Pleine largeur » des blocs sont respectés (voir theme.json).
   ========================================================================== */
.tmd-flow { padding-left: var(--gutter); padding-right: var(--gutter); font-size: 18px; line-height: 1.7; }
:not(.tmd-flow) + .tmd-flow, main > .tmd-flow:first-child { padding-top: clamp(56px, 7vw, 112px); }
.tmd-flow:not(:has(+ .tmd-flow)) { padding-bottom: clamp(56px, 7vw, 112px); }
.tmd-flow + .tmd-flow { margin-top: var(--wp--style--block-gap, 1.5rem); }
/* Titre de page masqué : le contenu démarre sous le menu ; un premier bloc pleine largeur (couverture…) se colle au menu */
.tmd-title-hidden + .tmd-flow { padding-top: calc(var(--nav-h) + clamp(32px, 4vw, 64px)); }
.tmd-title-hidden + .tmd-flow:has(> .alignfull:first-child) { padding-top: var(--nav-h); }
.tmd-flow > .alignfull { max-width: none; margin-left: calc(var(--gutter) * -1) !important; margin-right: calc(var(--gutter) * -1) !important; }
/* Largeurs alignées sur les sections du site (colonne de 1280 px entre les marges) :
   - blocs de texte (paragraphe, titre, liste, image…) : largeur de lecture (820 px), alignés à GAUCHE
     sur la colonne du site, comme les textes des sections TM design (au lieu d'être centrés) ;
   - blocs de mise en page (groupe, colonnes, média et texte, galerie, couverture, tableau…) :
     toute la largeur de la colonne (1280 px) par défaut, aussi à l'intérieur d'un groupe. */
.tmd-flow.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)),
.tmd-flow .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)) {
  margin-left: max(0px, (100% - var(--wp--style--global--wide-size, 1280px)) / 2) !important;
  margin-right: auto !important;
}
.tmd-flow.is-layout-constrained > :is(.wp-block-group, .wp-block-columns, .wp-block-media-text, .wp-block-gallery, .wp-block-cover, .wp-block-table, .wp-block-embed, .wp-block-query):not(.alignleft):not(.alignright):not(.alignfull),
.tmd-flow .is-layout-constrained > :is(.wp-block-group, .wp-block-columns, .wp-block-media-text, .wp-block-gallery, .wp-block-cover, .wp-block-table, .wp-block-embed, .wp-block-query):not(.alignleft):not(.alignright):not(.alignfull) {
  max-width: var(--wp--style--global--wide-size, 1280px);
  margin-left: auto !important;
  margin-right: auto !important;
}
.tmd-flow :where(ul, ol):not([class*="wp-block-"]) { padding-left: 1.3em; list-style: square; }
.tmd-flow :where(a:not(.wp-element-button):not(.wp-block-button__link)) { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.tmd-flow :where(strong) { color: var(--black); }
.tmd-flow :where(img) { max-width: 100%; height: auto; }
.tmd-flow :where(figure) { margin-left: 0; margin-right: 0; }