/* Det, der før kom fra Slick: karrusellens spor og knapper i stedet for div'er. Mobilmenuen åbnes med Yukis egen
   klasse "active" (sat af rodskud.js).
   Resten af designet er temaets egen CSS (rodskud.css og side-<type>.css), som det var i WordPress. */

/* Mørkt tema: Yukis indstillinger satte sidens baggrund fast til den lyse farve (#f4f3ea), så teksten blev lys på lys
   baggrund, også på det gamle WordPress-site. Her får baggrunden temaets mørke grundfarve. */
[data-yuki-theme=dark] .yuki-body { background-color: var(--yuki-dark-base-color); }

/* Karrusellen: tre kort ved siden af hinanden, ét under 1140px (som Slick-indstillingerne i WordPress). */
.rodskud-karrusel { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.rodskud-karrusel::-webkit-scrollbar { display: none; }
.rodskud-karrusel > .yuki-post-item { flex: 0 0 33.3333%; scroll-snap-align: start; }
@media (max-width: 1139px) { .rodskud-karrusel > .yuki-post-item { flex-basis: 100%; } }
.yuki-slider-arrow { border: 0; background: transparent; padding: 0; font: inherit; color: inherit; cursor: pointer; }
.yuki-slider-dots .slick-dots { display: flex; justify-content: center; gap: 8px; list-style: none; margin: 0; padding: 0; }
.yuki-slider-dots .slick-dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; font-size: 0; background: currentColor; opacity: .3; cursor: pointer; }
.yuki-slider-dots .slick-dots .slick-active button { opacity: 1; }