/* =====================================================================
   DO THE CHANGE — MIRNIJE TEME MJESECI (decentnije)
   Manje izraženi motivi i sporiji pokreti; vrijedi za svih 12 tema, svijetle i tamne.
   Odvojeno od generiranog teme-mjeseci.css, da ga generator ne pregazi.
   ===================================================================== */
/* pozadinski crteži i čestice tiši */
:root[data-mjesec] body::before { opacity: .5 !important; }
:root[data-mjesec] body::after { opacity: .32 !important; animation-duration: 160s !important; }
:root[data-tema="grafit"][data-mjesec] body::after { opacity: .26 !important; }
/* vijenac ispod zaglavlja nježniji */
:root[data-mjesec] .vrh::after { opacity: .5; }
/* znak mjeseca na prvoj kartici manji i mirniji */
:root[data-mjesec] #ekran > .kartica:not(.kartica ~ .kartica)::after, :root[data-mjesec] #md-ev::after {
  width: 32px !important; height: 32px !important; top: -12px !important; opacity: .8; filter: none !important;
  animation: tm-njise-m 14s ease-in-out infinite !important; }
@keyframes tm-njise-m { 0%, 100% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } }
/* ikonica uz pozdrav tiša */
:root[data-mjesec] .md-bok::after, :root[data-mjesec] #ekran[data-ekran="today"] .naslov-ekrana h1::after { opacity: .7; }
/* ukrasna traka na vrhu kartica tanja */
:root[data-mjesec] #ekran .kartica::before { opacity: .45 !important; }
/* zimski ukrasi (lampice, snijeg, kape) sporiji */
.lampice span { animation-duration: 5s !important; }
.snijeg i { animation-duration: 22s, 14s !important; opacity: .7; }
[class*="kapa"] { animation-duration: 9s !important; }
.tm-em { animation-duration: 7s !important; }
@media (prefers-reduced-motion: reduce) { .lampice span, .snijeg i { animation: none !important; } }
/* tjedni kalendar na Moj dan u bojama odabrane teme (u svijetlom načinu svijetle pločice umjesto tamnih) */
:root:not([data-tema="grafit"]) { --md-dan: var(--nar-m) !important; --md-dan-tekst: var(--tekst) !important; --md-dan-sitno: var(--siva) !important; --md-stup-prazno: var(--nar-m2) !important; --md-stup-ima: var(--nar) !important; }
:root:not([data-tema="grafit"]) .md-dan:not(.danas) { box-shadow: inset 0 0 0 1px var(--nar-m2); }
/* slike proizvoda s bijelom pozadinom (npr. Phyto Complete, aloja) stapaju se s podlogom kao i ostale */
:root:not([data-tema="grafit"]) .pr-sl img { mix-blend-mode: multiply; padding: 3px; box-sizing: border-box; }
:root:not([data-tema="grafit"]) .md-dan:not(.danas) .md-stup i.ima { background: var(--nar-jaki, var(--nar)) !important; }
:root:not([data-tema="grafit"]) .md-dan[aria-pressed="true"]:not(.danas) { box-shadow: 0 0 0 3px var(--nar), 0 6px 16px rgba(0,0,0,.1) !important; }