/*
 * Scoped Lucide icon helpers for TUM.
 * The tum-icon namespace deliberately avoids Font Awesome's legacy classes.
 */

.tum-icon {
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  flex: 0 0 auto;
  background-color: currentColor;
  vertical-align: -0.16em;
  -webkit-mask-image: var(--tum-icon);
  mask-image: var(--tum-icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.tum-icon-lg {
  width: 1.333em;
  height: 1.333em;
}

.tum-icon-2x,
.tum-icon-large {
  width: 2em;
  height: 2em;
}

.tum-icon-4x {
  width: 4em;
  height: 4em;
}

.tum-icon-phone { --tum-icon: url("vendor/lucide/icons/phone.svg"); }
.tum-icon-smartphone { --tum-icon: url("vendor/lucide/icons/smartphone.svg"); }
.tum-icon-chevron-down { --tum-icon: url("vendor/lucide/icons/chevron-down.svg"); }
.tum-icon-chevron-right { --tum-icon: url("vendor/lucide/icons/chevron-right.svg"); }
.tum-icon-monitor { --tum-icon: url("vendor/lucide/icons/monitor.svg"); }
.tum-icon-clipboard-check { --tum-icon: url("vendor/lucide/icons/clipboard-check.svg"); }
.tum-icon-badge-check { --tum-icon: url("vendor/lucide/icons/badge-check.svg"); }
.tum-icon-target { --tum-icon: url("vendor/lucide/icons/target.svg"); }
.tum-icon-users { --tum-icon: url("vendor/lucide/icons/users.svg"); }
.tum-icon-map-pin { --tum-icon: url("vendor/lucide/icons/map-pin.svg"); }
.tum-icon-search { --tum-icon: url("vendor/lucide/icons/search.svg"); }
.tum-icon-send { --tum-icon: url("vendor/lucide/icons/send.svg"); }
.tum-icon-share { --tum-icon: url("vendor/lucide/icons/share-2.svg"); }
.tum-icon-briefcase { --tum-icon: url("vendor/lucide/icons/briefcase-business.svg"); }

.get_features .get_features_list li.left .tum-icon { color: #fff; }
.lirc_section li.left .tum-icon { color: #0787c5; }

.footer_social_links li .tum-icon {
  color: #525556;
}

.portfolio_image .tum-icon {
  position: absolute;
  display: none;
  color: #fff;
  margin-left: 45%;
  margin-top: 22%;
  opacity: 0.9;
}

.portfolio_image:hover .tum-icon {
  display: block;
}

.portfolio_page .imgDescription .tum-icon {
  position: absolute;
  top: 103px;
  left: 160px;
  color: #fff;
  opacity: 0.8;
}

@supports not ((mask-image: url("")) or (-webkit-mask-image: url(""))) {
  .tum-icon {
    background-color: transparent;
    background-image: var(--tum-icon);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}