/* SWBNO SVG Icons - FontAwesome Replacement */

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

/* Icon Size Variants */
.svg-icon-sm {
  width: 0.875em;
  height: 0.875em;
}

.svg-icon-lg {
  width: 1.25em;
  height: 1.25em;
}

.svg-icon-xl {
  width: 1.5em;
  height: 1.5em;
}

/* Social Media Icon Size - 20x20 pixels */
.svg-icon-social {
  width: 20px;
  height: 20px;
}

/* File Type Icons */
.svg-icon-file-pdf {
  mask-image: url("../icons/file-types/pdf.svg");
  -webkit-mask-image: url("../icons/file-types/pdf.svg");
}

.svg-icon-file-word {
  mask-image: url("../icons/file-types/word.svg");
  -webkit-mask-image: url("../icons/file-types/word.svg");
}

.svg-icon-file-image {
  mask-image: url("../icons/file-types/image.svg");
  -webkit-mask-image: url("../icons/file-types/image.svg");
}

.svg-icon-file-excel,
.svg-icon-file-xls {
  mask-image: url("../icons/file-types/excel.svg");
  -webkit-mask-image: url("../icons/file-types/excel.svg");
}

.svg-icon-file-powerpoint,
.svg-icon-file-zip,
.svg-icon-file {
  mask-image: url("../icons/file-types/document.svg");
  -webkit-mask-image: url("../icons/file-types/document.svg");
}

/* Navigation & Action Icons */
.svg-icon-arrow-left {
  mask-image: url("../icons/solid/arrows/reply.svg");
  -webkit-mask-image: url("../icons/solid/arrows/reply.svg");
}

.svg-icon-external-link {
  mask-image: url("../icons/solid/general/arrow-up-right-from-square.svg");
  -webkit-mask-image: url("../icons/solid/general/arrow-up-right-from-square.svg");
}

.svg-icon-download {
  mask-image: url("../icons/solid/general/download.svg");
  -webkit-mask-image: url("../icons/solid/general/download.svg");
}

.svg-icon-refresh {
  mask-image: url("../icons/solid/arrows/reply-all.svg");
  -webkit-mask-image: url("../icons/solid/arrows/reply-all.svg");
}

/* Status & UI Icons */
.svg-icon-check-circle {
  mask-image: url("../icons/solid/general/check-circle.svg");
  -webkit-mask-image: url("../icons/solid/general/check-circle.svg");
}

.svg-icon-warning {
  mask-image: url("../icons/solid/general/exclamation-circle.svg");
  -webkit-mask-image: url("../icons/solid/general/exclamation-circle.svg");
}

.svg-icon-envelope {
  mask-image: url("../icons/solid/general/envelope.svg");
  -webkit-mask-image: url("../icons/solid/general/envelope.svg");
}

.svg-icon-calendar {
  mask-image: url("../icons/solid/general/calendar-month.svg");
  -webkit-mask-image: url("../icons/solid/general/calendar-month.svg");
}

.svg-icon-tv {
  mask-image: url("../icons/solid/media/video-camera.svg");
  -webkit-mask-image: url("../icons/solid/media/video-camera.svg");
}

/* Brand Icons */
.svg-icon-youtube {
  mask-image: url("../icons/solid/brands/youtube.svg");
  -webkit-mask-image: url("../icons/solid/brands/youtube.svg");
}

.svg-icon-instagram {
  mask-image: url("../icons/solid/brands/instagram.svg");
  -webkit-mask-image: url("../icons/solid/brands/instagram.svg");
}

.svg-icon-facebook {
  mask-image: url("../icons/solid/brands/facebook.svg");
  -webkit-mask-image: url("../icons/solid/brands/facebook.svg");
}

.svg-icon-twitter {
  mask-image: url("../icons/solid/brands/twitter.svg");
  -webkit-mask-image: url("../icons/solid/brands/twitter.svg");
}

/* Additional UI Icons */
.svg-icon-search {
  mask-image: url("../icons/solid/general/search.svg");
  -webkit-mask-image: url("../icons/solid/general/search.svg");
}

.svg-icon-location {
  mask-image: url("../icons/solid/general/map-pin.svg");
  -webkit-mask-image: url("../icons/solid/general/map-pin.svg");
}

.svg-icon-list {
  mask-image: url("../icons/solid/media/rectangle-list.svg");
  -webkit-mask-image: url("../icons/solid/media/rectangle-list.svg");
}

.svg-icon-angle-down {
  mask-image: url("../icons/solid/arrows/chevron-down.svg");
  -webkit-mask-image: url("../icons/solid/arrows/chevron-down.svg");
}

/* Admin/Security Icons */
.svg-icon-key {
  mask-image: url("../icons/outline/general/api-key.svg");
  -webkit-mask-image: url("../icons/outline/general/api-key.svg");
}

/* Form-specific Icons */
.svg-icon-comment {
  mask-image: url("../icons/solid/general/message-dots.svg");
  -webkit-mask-image: url("../icons/solid/general/message-dots.svg");
}

.svg-icon-arrow-right {
  mask-image: url("../icons/solid/arrows/arrow-right-alt.svg");
  -webkit-mask-image: url("../icons/solid/arrows/arrow-right-alt.svg");
}

.svg-icon-camera {
  mask-image: url("../icons/solid/media/camera-photo.svg");
  -webkit-mask-image: url("../icons/solid/media/camera-photo.svg");
}

.svg-icon-video {
  mask-image: url("../icons/solid/media/video-camera.svg");
  -webkit-mask-image: url("../icons/solid/media/video-camera.svg");
}

.svg-icon-play {
  mask-image: url("../icons/solid/media/play.svg");
  -webkit-mask-image: url("../icons/solid/media/play.svg");
}

/* Customer Service Icons - Phase 7.1 */
.svg-icon-user {
  mask-image: url("../icons/solid/user/user.svg");
  -webkit-mask-image: url("../icons/solid/user/user.svg");
}

.svg-icon-question {
  mask-image: url("../icons/solid/general/question-circle.svg");
  -webkit-mask-image: url("../icons/solid/general/question-circle.svg");
}

.svg-icon-circle-question {
  mask-image: url("../icons/solid/general/question-circle.svg");
  -webkit-mask-image: url("../icons/solid/general/question-circle.svg");
}

.svg-icon-map-location-dot {
  mask-image: url("../icons/solid/general/map-pin.svg");
  -webkit-mask-image: url("../icons/solid/general/map-pin.svg");
}

.svg-icon-circle-dollar {
  mask-image: url("../icons/solid/e-commerce/cash.svg");
  -webkit-mask-image: url("../icons/solid/e-commerce/cash.svg");
}

.svg-icon-signal {
  mask-image: url("../icons/solid/general/mobile-phone.svg");
  -webkit-mask-image: url("../icons/solid/general/mobile-phone.svg");
}

.svg-icon-check {
  mask-image: url("../icons/outline/general/check.svg");
  -webkit-mask-image: url("../icons/outline/general/check.svg");
}

.svg-icon-link {
  mask-image: url("../icons/outline/general/link.svg");
  -webkit-mask-image: url("../icons/outline/general/link.svg");
}

/* Phase 7.6: Core Layout & Error Pages Icons */

/* Angle up icon (back to top) - using caret-up as alternative */
.svg-icon-angle-up {
  mask-image: url("../icons/solid/arrows/caret-up.svg");
  -webkit-mask-image: url("../icons/solid/arrows/caret-up.svg");
}

/* Magnifying glass (search) */
.svg-icon-magnifying-glass {
  mask-image: url("../icons/solid/general/search.svg");
  -webkit-mask-image: url("../icons/solid/general/search.svg");
}

/* Triangle exclamation (warning) - using exclamation-circle as alternative */
.svg-icon-triangle-exclamation {
  mask-image: url("../icons/solid/general/exclamation-circle.svg");
  -webkit-mask-image: url("../icons/solid/general/exclamation-circle.svg");
}

/* X mark (close) - using close from outline */
.svg-icon-xmark {
  mask-image: url("../icons/outline/general/close.svg");
  -webkit-mask-image: url("../icons/outline/general/close.svg");
}

/* X mark circle - using close-circle */
.svg-icon-xmark-circle {
  mask-image: url("../icons/solid/general/close-circle.svg");
  -webkit-mask-image: url("../icons/solid/general/close-circle.svg");
}

/* Home icon */
.svg-icon-home {
  mask-image: url("../icons/solid/general/home.svg");
  -webkit-mask-image: url("../icons/solid/general/home.svg");
}

/* Bug icon */
.svg-icon-bug {
  mask-image: url("../icons/solid/general/bug.svg");
  -webkit-mask-image: url("../icons/solid/general/bug.svg");
}

/* Info circle */
.svg-icon-info-circle {
  mask-image: url("../icons/solid/general/info-circle.svg");
  -webkit-mask-image: url("../icons/solid/general/info-circle.svg");
}

/* Admin navigation icons */
.svg-icon-book {
  mask-image: url("../icons/solid/general/book.svg");
  -webkit-mask-image: url("../icons/solid/general/book.svg");
}

.svg-icon-bookmark {
  mask-image: url("../icons/solid/general/bookmark.svg");
  -webkit-mask-image: url("../icons/solid/general/bookmark.svg");
}

.svg-icon-tasks {
  mask-image: url("../icons/solid/files_folders/clipboard-list.svg");
  -webkit-mask-image: url("../icons/solid/files_folders/clipboard-list.svg");
}

.svg-icon-folder {
  mask-image: url("../icons/solid/files_folders/folder.svg");
  -webkit-mask-image: url("../icons/solid/files_folders/folder.svg");
}

.svg-icon-building {
  mask-image: url("../icons/solid/general/building.svg");
  -webkit-mask-image: url("../icons/solid/general/building.svg");
}

.svg-icon-users {
  mask-image: url("../icons/solid/user/users.svg");
  -webkit-mask-image: url("../icons/solid/user/users.svg");
}

.svg-icon-font {
  mask-image: url("../icons/solid/general/t-shirt.svg");
  -webkit-mask-image: url("../icons/solid/general/t-shirt.svg");
}

.svg-icon-file-text {
  mask-image: url("../icons/file-types/text.svg");
  -webkit-mask-image: url("../icons/file-types/text.svg");
}

.svg-icon-address-book {
  mask-image: url("../icons/solid/user/address-book.svg");
  -webkit-mask-image: url("../icons/solid/user/address-book.svg");
}

.svg-icon-bell {
  mask-image: url("../icons/solid/general/bell.svg");
  -webkit-mask-image: url("../icons/solid/general/bell.svg");
}

.svg-icon-picture {
  mask-image: url("../icons/solid/general/image.svg");
  -webkit-mask-image: url("../icons/solid/general/image.svg");
}

.svg-icon-folder-open {
  mask-image: url("../icons/solid/files_folders/folder-open.svg");
  -webkit-mask-image: url("../icons/solid/files_folders/folder-open.svg");
}

.svg-icon-terminal {
  mask-image: url("../icons/solid/general/terminal.svg");
  -webkit-mask-image: url("../icons/solid/general/terminal.svg");
}

