/* Header animations and theme icon styles */
@keyframes cz-shake-key {
  0% { transform: translateX(0) rotate(0); }
  25% { transform: translateX(-4px) rotate(-1deg); }
  50% { transform: translateX(3px) rotate(1deg); }
  75% { transform: translateX(-2px) rotate(-0.5deg); }
  100% { transform: translateX(0) rotate(0); }
}
.cz-shake {
  animation: cz-shake-key 0.6s cubic-bezier(.36,.07,.19,.97) both;
}

/* Theme icon animation */
.theme-switcher.icon-anim .theme-icon {
  transform: rotate(360deg) scale(1.08);
  transition: transform 400ms cubic-bezier(.2,.8,.2,1);
}
.theme-switcher .theme-icon {
  display:inline-block;
  transition: transform 400ms ease, opacity 250ms ease;
}

/* Dropdown: show check mark for active item */
.dropdown-item .checkmark{ display:none; margin-left:auto; }
.dropdown-item.active .checkmark{ display:inline-block; }

/* Small visual tweak for checkmark */
.dropdown-item .checkmark svg{ width:1.2rem; height:1.2rem; }

/* Active dropdown item background to match design */
.dropdown-menu .dropdown-item.active{
  background-color: var(--bs-body-tertiary);
  border-radius: .5rem;
}

/* Ensure checkmark aligns vertically and is visible on light backgrounds */
.dropdown-item .checkmark{ display:none; margin-left:auto; align-items:center; color:var(--bs-body-color); }
.dropdown-item.active .checkmark{ display:flex; }