/* Jahreszeiten-Deko: fest im Hintergrund, leicht unscharf, ohne Fall-Animation */

.wf-season-ambience {
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
  transition: opacity 0.45s ease;
}

.wf-season-motif {
  position: absolute;
  display: block;
  opacity: var(--wf-motif-opacity, 0.12);
  filter: blur(var(--wf-motif-blur, 4px));
  transform: translate(-50%, -50%) rotate(var(--wf-motif-rotate, 0deg))
    scale(var(--wf-motif-scale, 1));
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  animation: none;
  will-change: auto;
}

/* Standard */
.wf-season-motif--spark {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--pink);
  box-shadow: 0 0 18px var(--yellow);
}

.wf-season-ambience--standard .wf-season-motif--spark:nth-child(3n) {
  background: var(--sky);
  box-shadow: 0 0 14px var(--teal);
}

.wf-season-ambience--standard .wf-season-motif--spark:nth-child(3n + 1) {
  background: var(--orange);
  box-shadow: 0 0 14px var(--yellow);
}

/* Frühling – Blumen */
.wf-season-motif--flower {
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='3.2' fill='%23e91e7a'/%3E%3Ccircle cx='16' cy='8' r='3' fill='%23f9a8d4'/%3E%3Ccircle cx='22.9' cy='11.1' r='3' fill='%23f472b6'/%3E%3Ccircle cx='22.9' cy='20.9' r='3' fill='%238dc63f'/%3E%3Ccircle cx='16' cy='24' r='3' fill='%23a3e635'/%3E%3Ccircle cx='9.1' cy='20.9' r='3' fill='%2386efac'/%3E%3Ccircle cx='9.1' cy='11.1' r='3' fill='%23f9a8d4'/%3E%3C/svg%3E");
}

/* Sommer – Sonne & Palme */
.wf-season-motif--sun {
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='6' fill='%23ffc93d'/%3E%3Cg stroke='%23ff8c2a' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='16' y1='2' x2='16' y2='7'/%3E%3Cline x1='16' y1='25' x2='16' y2='30'/%3E%3Cline x1='2' y1='16' x2='7' y2='16'/%3E%3Cline x1='25' y1='16' x2='30' y2='16'/%3E%3Cline x1='6.1' y1='6.1' x2='9.6' y2='9.6'/%3E%3Cline x1='22.4' y1='22.4' x2='25.9' y2='25.9'/%3E%3Cline x1='6.1' y1='25.9' x2='9.6' y2='22.4'/%3E%3Cline x1='22.4' y1='9.6' x2='25.9' y2='6.1'/%3E%3C/g%3E%3C/svg%3E");
}

.wf-season-motif--palm {
  width: 44px;
  height: 54px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 40'%3E%3Cpath fill='%232d6a4f' d='M16 38c-1 0-2-6-2-14 0-3 .5-5 1.2-6.8C14 18 13 19 12 20c-2 2-4 1-5-1 2-1 4-3 5-6 1 3 3 5 5 6 0-2-1-4-3-5 2 1 4 3 5 5 1-2 3-4 5-5-2 1-3 3-3 5 1-3 3-5 5-6-1 2-3 3-5 1 1 1 2 3 2 6 0 8-1 14-2 14z'/%3E%3Cpath fill='%2338a169' d='M16 14c-4-6-10-8-12-6 3 1 7 4 9 8 2-4 6-7 9-8-2-2-8 0-12 6z'/%3E%3C/svg%3E");
}

/* Herbst – Blätter */
.wf-season-motif--leaf {
  width: 34px;
  height: 34px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23e8721a' d='M16 2C8 10 4 18 6 26c4-2 7-5 10-9 0 5 2 10 5 13C22 24 28 16 28 8c-4 2-8 2-12 0 4-4 8-6 12-6-6-2-10 0-12 0z'/%3E%3Cpath fill='%23c14a27' opacity='.85' d='M16 8c-3 4-5 9-4 14 2-3 4-5 4-5s2 4 0 9c3-3 5-8 5-13 0 0-2 3-5 5z'/%3E%3C/svg%3E");
}

.wf-season-ambience--autumn .wf-season-motif--leaf:nth-child(odd) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23c95928' d='M16 2C8 10 4 18 6 26c4-2 7-5 10-9 0 5 2 10 5 13C22 24 28 16 28 8c-4 2-8 2-12 0 4-4 8-6 12-6-6-2-10 0-12 0z'/%3E%3C/svg%3E");
}

/* Winter – Schneeflocken */
.wf-season-motif--snow {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg stroke='%23a8d4f0' stroke-width='1.8' stroke-linecap='round'%3E%3Cline x1='16' y1='2' x2='16' y2='30'/%3E%3Cline x1='2' y1='16' x2='30' y2='16'/%3E%3Cline x1='6.1' y1='6.1' x2='25.9' y2='25.9'/%3E%3Cline x1='6.1' y1='25.9' x2='25.9' y2='6.1'/%3E%3C/g%3E%3Ccircle cx='16' cy='16' r='2.5' fill='%23e8f4fc'/%3E%3C/svg%3E");
}

/* Dunkelmodus */
html[data-wf-site-mode="dark"] .wf-season-motif--flower,
html[data-wf-site-mode="dark"] .wf-season-motif--leaf,
html[data-wf-site-mode="dark"] .wf-season-motif--snow,
html[data-wf-site-mode="dark"] .wf-season-motif--sun,
html[data-wf-site-mode="dark"] .wf-season-motif--palm {
  filter: blur(var(--wf-motif-blur, 4px)) brightness(1.12);
}

html[data-wf-site-mode="dark"] .wf-season-motif {
  opacity: calc(var(--wf-motif-opacity, 0.12) * 1.15);
}

@media (max-width: 768px) {
  .wf-season-motif {
    --wf-motif-blur: calc(var(--wf-motif-blur, 4px) + 1px);
  }

  .wf-season-motif--sun,
  .wf-season-motif--palm {
    transform: translate(-50%, -50%) rotate(var(--wf-motif-rotate, 0deg))
      scale(calc(var(--wf-motif-scale, 1) * 0.88));
  }
}

@media (prefers-reduced-motion: reduce) {
  .wf-season-motif {
    filter: blur(var(--wf-motif-blur, 4px));
  }
}