/* Voidsent MC - Custom Icon System */
/* Using thick SVG icons from icons/thick/shield-optimized */

/* Base Icon Class */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  vertical-align: -0.125em;
  flex-shrink: 0;
}

/* Icon Sizes */
.icon-sm { width: 0.875em; height: 0.875em; }
.icon-lg { width: 1.25em; height: 1.25em; }
.icon-xl { width: 1.5em; height: 1.5em; }
.icon-2x { width: 2em; height: 2em; }

/* Navigation & Arrows */
.icon-arrow-left {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/arrow-left.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/arrow-left.svg');
}

.icon-arrow-right {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/arrow-right.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/arrow-right.svg');
}

.icon-chevron-down {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/chevron-down.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/chevron-down.svg');
}

.icon-chevron-right {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/chevron-right.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/chevron-right.svg');
}

/* Actions */
.icon-check {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/check.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/check.svg');
}

.icon-check-circle {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/check-circle.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/check-circle.svg');
}

.icon-copy {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/square-2-stack.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/square-2-stack.svg');
}

.icon-search {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/magnifying-glass.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/magnifying-glass.svg');
}

/* Content & Pages */
.icon-book {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/book-open.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/book-open.svg');
}

.icon-document {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/document-text.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/document-text.svg');
}

.icon-scale {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/scale.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/scale.svg');
}

/* Features & Status */
.icon-star {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/star.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/star.svg');
}

.icon-bolt {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/bolt.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/bolt.svg');
}

.icon-sparkles {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/sparkles.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/sparkles.svg');
}

.icon-users {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/users.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/users.svg');
}

.icon-user {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/user.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/user.svg');
}

/* Info & Status */
.icon-info {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/information-circle.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/information-circle.svg');
}

.icon-question {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/question-mark-circle.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/question-mark-circle.svg');
}

.icon-warning {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/exclamation-triangle.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/exclamation-triangle.svg');
}

/* Media & Time */
.icon-clock {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/clock.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/clock.svg');
}

.icon-play {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/play-circle.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/play-circle.svg');
}

.icon-video {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/video-camera.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/video-camera.svg');
}

/* Server & Tech */
.icon-server {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/server.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/server.svg');
}

.icon-globe {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/globe-alt.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/globe-alt.svg');
}

.icon-terminal {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/command-line.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/command-line.svg');
}

/* Commerce & Misc */
.icon-store {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/building-storefront.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/building-storefront.svg');
}

.icon-gift {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/gift.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/gift.svg');
}

.icon-login {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/arrow-right-end-on-rectangle.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/arrow-right-end-on-rectangle.svg');
}

/* Gaming */
.icon-puzzle {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/puzzle-piece.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/puzzle-piece.svg');
}

.icon-squares {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/squares-2x2.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/squares-2x2.svg');
}

/* Shield (for rules/sword replacement) */
.icon-shield {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/shield-check.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/shield-check.svg');
}

/* Chat/Community (Discord replacement when needed) */
.icon-chat {
  -webkit-mask-image: url('/icons/thick/shield-optimized/24/solid/chat-bubble-left-right.svg');
  mask-image: url('/icons/thick/shield-optimized/24/solid/chat-bubble-left-right.svg');
}