/* Custom lightweight icon CSS - replaces FontAwesome for specific icons used in the site */

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.125em;
}

/* RSS Icon */
.fa-rss::before,
.fas.fa-rss::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.673 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.627 161.316 352.465 352.465.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.504z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: -0.125em;
}

/* Music Icon */
.fa-music::before,
.fa-solid.fa-music::before {
  content: "🎵";
  font-style: normal;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}

/* User Icon */
.fa-user::before,
.fa-solid.fa-user::before {
  content: "👤";
  font-style: normal;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}

/* Disc Icon */
.fa-compact-disc::before,
.fa-solid.fa-compact-disc::before {
  content: "💿";
  font-style: normal;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}

/* File Icons */
.fa-file-lines::before,
.fa-solid.fa-file-lines::before {
  content: "📄";
  font-style: normal;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}

.fa-folder::before,
.fa-solid.fa-folder::before {
  content: "📁";
  font-style: normal;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}

.fa-file-code::before,
.fa-solid.fa-file-code::before {
  content: "📝";
  font-style: normal;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}

.fa-file-alt::before,
.fa-solid.fa-file-alt::before {
  content: "📋";
  font-style: normal;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}

.fa-book-open::before,
.fa-solid.fa-book-open::before {
  content: "📖";
  font-style: normal;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}

/* Cog Icon for FAB */
.fa-cog::before,
.fas.fa-cog::before {
  content: "⚙️";
  font-style: normal;
  font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}

/* GitHub Icon Fallback */
.github-icon {
  fill: currentColor;
  width: 24px;
  height: 24px;
}

/* Ensure icons maintain proper spacing and fallbacks */
.fas, 
.fa-solid {
  font-weight: 900;
}

[class^="fa-"]:before,
[class*=" fa-"]:before {
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Fallback for browsers that don't support SVG data URIs */
@supports not (background-image: url('data:image/svg+xml;charset=utf-8,<svg></svg>')) {
  .fa-rss::before,
  .fas.fa-rss::before {
    content: "[RSS]";
    background-image: none;
  }
}