/* Page « Les nouveautés de Wakademy » (29/09/2026) : pastilles des thèmes, puis une grille de cartes par thème. */

.wk-nouveautes { max-width: var(--wk-largeur); margin-inline: auto; }
.wk-nouveautes-barre { padding-top: 20px; } /* Barre de Mon compte (membre connecté) : même marge que sur la page de profil. */

/* Haut de page : texte aligné à gauche sur le bord de la grille (1 400 px), pas centré en colonne de 704 px. */
.wk-section.wk-nouveautes-hero { padding-bottom: var(--wp--preset--spacing--50, 2rem); }
.wk-nouveautes-hero.is-layout-constrained > * { max-width: 44rem; margin-left: max(0px, calc((100% - var(--wk-largeur)) / 2)) !important; margin-right: auto !important; }
.wk-section.wk-nouveautes-liste { padding-top: 0; }
.wk-nouveautes a.wk-nouveautes__pastille, .wk-nouveautes a.wk-nouveautes__carte { text-decoration: none; }
.wk-section .wk-nouveautes > * { margin-block: 0; }
.wk-section .wk-nouveautes > .wk-nouveautes__themes { margin-bottom: 3.5rem; }
.wk-section .wk-nouveautes__theme > .wk-nouveautes__grille { margin-block: 0; }

/* Grandes nouveautés (page anglaise : forum et groupes en anglais) : deux grandes cartes avant la liste. */
.wk-section .wk-nouveautes > .wk-nouveautes__vedettes { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr)); gap: 1.25rem; margin-bottom: 3.5rem; }
.wk-nouveautes__vedette { display: grid; align-content: start; gap: .75rem; padding: clamp(1.75rem, 1.2rem + 2vw, 2.75rem); border-radius: var(--wk-rayon-grand); background: linear-gradient(145deg, color-mix(in srgb, var(--wk-or) 18%, var(--wk-creme)), var(--wk-creme) 70%); border: 1px solid color-mix(in srgb, var(--wk-or) 35%, transparent); }
.wk-section .wk-nouveautes__vedette > * { margin: 0; }
.wk-nouveautes__vedette-icone { display: inline-grid; place-items: center; width: 4rem; height: 4rem; border-radius: 50%; background: var(--wk-sable); font-size: 2rem; line-height: 1; }
.wk-section .wk-nouveautes__vedette .wk-nouveautes__vedette-surtitre { margin-top: .5rem; font-size: var(--wp--preset--font-size--xs); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--wk-or-texte); }
.wk-nouveautes__vedette-titre { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem); line-height: 1.15; }
.wk-nouveautes__vedette-phrase { font-size: var(--wp--preset--font-size--m, 1.05rem); line-height: 1.55; color: var(--wk-taupe); }
.wk-section .wk-nouveautes__vedette .wk-nouveautes__vedette-bouton { margin-top: .75rem; }

/* Pastilles des thèmes : collées en haut en défilant, glissables au doigt sur téléphone. */
.wk-nouveautes__themes { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + .75rem); z-index: 5; display: flex; flex-wrap: wrap; gap: .5rem; overflow-x: auto; scrollbar-width: none; padding: .5rem; margin: 0 0 2.5rem; border-radius: var(--wk-rayon-grand); background: color-mix(in srgb, var(--wk-sable) 82%, transparent); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid var(--wk-trait); }
.wk-nouveautes__themes::-webkit-scrollbar { display: none; }
.wk-nouveautes__pastille { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .4rem; padding: .5rem 1rem; border-radius: var(--wk-rayon-bouton); background: var(--wk-creme); color: var(--wk-ecorce); font-size: var(--wp--preset--font-size--s); font-weight: 700; text-decoration: none; white-space: nowrap; }
.wk-nouveautes__pastille:hover { background: var(--wk-sable-fonce); color: var(--wk-ecorce); }
.wk-nouveautes__compte { min-width: 1.5rem; padding: 0 .35rem; border-radius: var(--wk-rayon-bouton); background: color-mix(in srgb, var(--wk-or) 16%, transparent); color: var(--wk-or-texte); font-size: .8em; text-align: center; font-variant-numeric: tabular-nums; }

/* Un thème. */
.wk-nouveautes__theme { scroll-margin-top: 6rem; }
.wk-nouveautes__theme + .wk-nouveautes__theme { margin-top: var(--wp--preset--spacing--80, 5rem); }
.wk-nouveautes__titre { display: flex; align-items: center; gap: .8rem; margin: 0 0 2rem; font-size: var(--wp--preset--font-size--xl); }
.wk-nouveautes__rond { display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--wk-creme); font-size: 1.35rem; line-height: 1; }

/* Grille de cartes : 3 colonnes sur grand écran, 1 sur téléphone. */
.wk-nouveautes__grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.wk-nouveautes__grille > li { margin: 0; }
.wk-nouveautes__carte { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .9rem; align-items: start; height: 100%; padding: 1.2rem 1.25rem; border-radius: var(--wk-rayon); background: var(--wk-creme); border: 1px solid var(--wk-trait); color: var(--wk-ecorce); text-decoration: none; }
.wk-nouveautes__carte--lien { transition: border-color .2s var(--wk-ease), transform .2s var(--wk-ease); }
.wk-nouveautes__carte--lien:hover { border-color: var(--wk-or); transform: translateY(-2px); color: var(--wk-ecorce); }
.wk-nouveautes__carte--lien:focus-visible { outline: 2px solid var(--wk-or); outline-offset: 3px; }
.wk-nouveautes__icone { display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: var(--wk-rayon-petit); background: var(--wk-sable); font-size: 1.25rem; line-height: 1; }
.wk-nouveautes__texte { display: grid; gap: .25rem; }
.wk-nouveautes__nom { font-weight: 800; line-height: 1.3; }
.wk-nouveautes__carte--lien .wk-nouveautes__nom::after { content: " →"; color: var(--wk-or-texte); }
.wk-nouveautes__phrase { font-size: var(--wp--preset--font-size--s); line-height: 1.5; color: var(--wk-taupe); }

@media (prefers-reduced-motion: reduce) {
	.wk-nouveautes__carte--lien, .wk-nouveautes__carte--lien:hover { transition: none; transform: none; }
}
/* Téléphone : une seule ligne de pastilles, qu'on fait glisser au doigt. */
@media (max-width: 781px) {
	.wk-nouveautes__themes { flex-wrap: nowrap; border-radius: var(--wk-rayon); }
}
.wk-nouveautes__vedette a.wk-bouton { text-decoration: none; }