/* Rendu "fantasy" pour le titre WestMarch Aerem (îles volantes) */
.site-title{
  display:flex; align-items:center; gap:10px; min-width:0;
  flex:1 1 auto;
}
.site-title .island{
  width:44px; height:44px; flex:0 0 auto; opacity:.9;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.35));
  animation: float 4.8s ease-in-out infinite;
}
@media (max-width:520px){
  .site-title .island{ display:none; }
}

/* Titre sur deux lignes (ou une selon la place) */
.site-title h1{
  margin:0; line-height:1.05; letter-spacing:.3px; font-weight:900;
  display:flex; flex-wrap:wrap; gap:8px; align-items:baseline;
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}
.site-title .wm,
.site-title .aerem{
  display:inline-block; white-space:nowrap;
  background-clip:text; -webkit-background-clip:text;
  color:transparent;
}

/* Dégradés adaptés aux thèmes */
.site-title .wm{
  background-image: linear-gradient(180deg,#c1d8ff 0%,#6fb1ff 50%,#3b82f6 100%);
}
.site-title .aerem{
  background-image: linear-gradient(180deg,#fde68a 0%,#f59e0b 45%,#ef4444 100%);
}

.theme-light .site-title .wm{
  background-image: linear-gradient(180deg,#2b4c86 0%,#1e40af 55%,#0f172a 100%);
}
.theme-light .site-title .aerem{
  background-image: linear-gradient(180deg,#7c3aed 0%,#db2777 55%,#ea580c 100%);
}

/* Petite lueur discrète */
.site-title .glow{
  position:relative;
}
.site-title .glow::after{
  content:"";
  position:absolute; inset:-4px -6px;
  pointer-events:none;
  background: radial-gradient(120px 28px at 10% 80%, rgba(59,130,246,.18), transparent 70%),
              radial-gradient(120px 28px at 90% 20%, rgba(245,158,11,.18), transparent 70%);
  mix-blend-mode: screen; opacity:.8;
}

/* Etoiles (subtiles) */
.site-title .spark{
  position:relative;
}
.site-title .spark::before,
.site-title .spark::after{
  content:"";
  position:absolute; width:6px; height:6px; border-radius:999px;
  background: currentColor; opacity:.55;
  filter: drop-shadow(0 0 8px currentColor);
  animation: twinkle 2.8s ease-in-out infinite;
}
.site-title .spark::before{ left:-10px; top:-6px; }
.site-title .spark::after { right:-12px; bottom:-8px; animation-delay: .9s; }

/* Animations */
@keyframes float{
  0%,100%{ transform: translateY(0) }
  50%    { transform: translateY(-4px) }
}
@keyframes twinkle{
  0%,100%{ opacity:.2; transform: scale(.85) }
  50%    { opacity:.9; transform: scale(1.1) }
}

/* Respecte "réduire les animations" */
@media (prefers-reduced-motion: reduce){
  .site-title .island{ animation: none; }
  .site-title .spark::before, .site-title .spark::after{ animation: none; opacity:.35; }
}

/* Ajustements du header local */
.topbar .top-actions{ display:flex; align-items:center; gap:10px; margin-left:auto; }