/* Halowin decorative flaticons (emoji-based fallback)
   Usage: <span class="halowin-ico pumpkin"></span> or <i class="halowin-ico ghost"></i>
   These are lightweight emoji-based icons that render consistently across platforms.
   If you prefer custom SVGs later, I can replace these entries with data-URI SVGs. */

.halowin-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  font-size: 1.15em;
  line-height: 1;
  vertical-align: middle;
  margin-right: 0.4rem;
  text-shadow: 0 1px 0 rgba(0,0,0,0.35);
}

.halowin-ico.small { width:1em; height:1em; font-size:0.95em; margin-right:.25rem }
.halowin-ico.large { width:2em; height:2em; font-size:1.6em }

/* Specific icons (emoji) */
.halowin-ico.pumpkin::before { content: "🎃" }
.halowin-ico.ghost::before   { content: "👻" }
.halowin-ico.bat::before     { content: "🦇" }
.halowin-ico.spiderweb::before { content: "🕸️" }
.halowin-ico.house::before   { content: "🏚️" }
.halowin-ico.candy::before   { content: "🍬" }
.halowin-ico.moon::before    { content: "🌙" }
.halowin-ico.skull::before   { content: "💀" }

/* Ensure emoji adopt accent color when possible */
html.halowin .halowin-ico, .halowin-active .halowin-ico { filter: hue-rotate(0deg); }

/* Optional: use as background for nav items */
.halowin-nav .halowin-ico { margin-right: .6rem }

/* Accessibility: allow aria-hidden if used purely decorative */
.halowin-ico[aria-hidden="true"] { pointer-events: none }

/* Prevent regular flaticon icons from being affected by Halowin theme colors.
   Keep flaticons clean and visible with proper contrast. */
html.halowin i[class*="fi-"],
html.halowin .fi,
.halowin-active i[class*="fi-"],
.halowin-active .fi {
  color: var(--halo-text) !important;
  fill: currentColor !important;
  filter: none !important;
  opacity: 0.9 !important;
}

/* Keep flaticon pseudo-elements clean */
html.halowin i[class*="fi-"]::before,
html.halowin .fi::before,
.halowin-active i[class*="fi-"]::before,
.halowin-active .fi::before {
  color: inherit !important;
}