/* Wave Storia (site maison) : ajouts au thème 0.1.0 : onglets des plateformes, grille, menu, chantier */
html{scroll-behavior:smooth;}
.ws-accueil .hero{padding-top:6vh;}
.ws-onglets{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; max-width:var(--search-max); margin:78px auto 0; position:relative; z-index:2;}
.ws-onglets .sort-pill{text-decoration:none;}
.ws-menu{display:flex; flex-direction:column; gap:2px; margin-bottom:24px;}
.ws-menu .featured-item{text-decoration:none;}
.featured-item{text-decoration:none; display:flex; align-items:center; gap:10px;}
.ws-point{width:8px; height:8px; border-radius:50%; background:var(--ws-plat,var(--accent)); flex:none;}
.ws-plateformes{margin-top:calc(56px + 6vh); scroll-margin-top:32px;}
.ws-grille{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin:32px 0 64px;}
.ws-carte{display:flex; flex-direction:column; gap:8px; text-decoration:none; padding:10px 10px 16px; border-radius:var(--radius); border:1px solid var(--border-soft); background:var(--surface); transition:border-color .2s, transform .2s;}
.ws-carte:hover{border-color:var(--ws-plat,var(--accent)); transform:translateY(-2px);}
.ws-carte-visuel{display:block; aspect-ratio:1200/630; border-radius:10px; overflow:hidden; background:var(--surface-2);}
.ws-carte-visuel img{width:100%; height:100%; object-fit:cover;}
.ws-carte-nom{font-family:'Fraunces',serif; font-size:18px; font-weight:500; color:var(--text); padding:4px 4px 0;}
.ws-carte-nom::after{content:''; display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--ws-plat); margin-left:6px; vertical-align:middle;}
.ws-carte-desc{font-size:13px; line-height:1.55; color:var(--text-muted); padding:0 4px;}
.ws-chantier{max-width:var(--content-max); margin:12px auto 64px; padding:22px 24px; border:1px solid var(--accent-border); background:var(--accent-dimmer); border-radius:var(--radius); color:var(--text-muted); line-height:1.7; font-size:15px;}
.ws-chantier p+p{margin-top:12px;}
.ws-chantier strong{color:var(--text);}
.ws-chantier-liens{display:flex; flex-wrap:wrap; gap:8px;}
.ws-chantier-liens .sort-pill{text-decoration:none;}
@media (max-width:760px){.ws-grille{grid-template-columns:1fr;}}
@media (max-width:760px){
	.cta-top, .cta-bottom{bottom:10px;}
	.wave-page{padding-bottom:84px;}
	.ws-onglets{margin-top:70px;}
}

/* Couleur de la plateforme choisie : tout le site suit --accent (posé sur body), sauf le logo */
body{transition:none;}
.halo, .search-submit, .cta-produce, .new-search .plus, .waveform span{transition:background .3s, color .3s, border-color .3s;}
.ws-onglets .ws-onglet{border-color:var(--ws-plat); color:var(--text-muted); background:transparent;}
.ws-onglets .ws-onglet:hover{border-color:var(--ws-plat); color:var(--text); background:color-mix(in srgb, var(--ws-plat) 14%, transparent);}
.ws-onglets .ws-onglet.active{background:var(--ws-plat); border-color:var(--ws-plat); color:var(--accent-ink);}
.universe-select-wrap::before{background:var(--accent);}
.ws-carte-nom{font-size:20px;}
.ws-carte-desc{font-size:14px;}

/* 0.1.2 : plus d'air entre la consigne et le champ */
.hero .search-wrap{margin-top:30px;}

/* 0.1.3 : pages de texte (À propos, mentions légales, confidentialité) */
.ws-texte{max-width:680px; margin:0 auto 72px;}
.ws-texte .page-title{margin-bottom:22px;}
.ws-texte h2{font-size:20px; margin:40px 0 12px;}
.ws-texte p{font-size:15.5px; line-height:1.75; color:var(--text-muted); margin-bottom:14px;}
.ws-texte .ws-chapeau{font-size:17px; color:var(--text); line-height:1.7;}
.ws-texte a{color:var(--accent); text-decoration:none; border-bottom:1px solid var(--accent-border);}
.ws-texte a:hover{border-bottom-color:var(--accent);}
.ws-texte .ws-maj{font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--text-faint);}