/* Låt temat göra sin vanliga in-animation som vanligt.
   När .is-preload är borta, kör en egen fade-out på hela textblocket (#banner .inner). */
@keyframes bannerFadeOut {
  to {
    opacity: 0;
    visibility: hidden; /* döljer från layout/AT utan att hoppa */
  }
}

/* Starta fade-out först EFTER laddning, med fördröjning.
   Justera animation-delay så att den sker efter temats egen in-fade (t.ex. 2.5–3.5s). */
body:not(.is-preload) #banner .inner {
  /* rör inte startläge – låt temat styra in-fade */
  animation: bannerFadeOut 1s ease 4s forwards; /* 3s väntetid, 1s uttoning */
  will-change: opacity;
}