/**
 * Tabler Icons System - Local SVG Icons with Color Control
 * Beautiful, customizable icons for YOLO HOME Saigon
 *
 * @package YOLO HOME Saigon Child Theme
 * @since 2.3.0
 */

/* Base icon class */
.tabler-icon {
  --tabler-icon-color: currentColor;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  color: var(--tabler-icon-color, currentColor);
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: color 0.3s ease;
}

/* Icon sizes */
.tabler-icon-sm {
  width: 16px;
  height: 16px;
}

.tabler-icon-md {
  width: 20px;
  height: 20px;
}

.tabler-icon-lg {
  width: 24px;
  height: 24px;
}

.tabler-icon-xl {
  width: 32px;
  height: 32px;
}

/* Home Icon */
.tabler-icon-home {
  -webkit-mask-image: url('../icons/tabler/home.svg');
  mask-image: url('../icons/tabler/home.svg');
}

/* Menu Icon (Hamburger) */
.tabler-icon-menu {
  -webkit-mask-image: url('../icons/tabler/menu.svg');
  mask-image: url('../icons/tabler/menu.svg');
}

/* Location/Map Pin Icon */
.tabler-icon-location {
  -webkit-mask-image: url('../icons/tabler/location.svg');
  mask-image: url('../icons/tabler/location.svg');
}

/* Phone Icon */
.tabler-icon-phone {
  -webkit-mask-image: url('../icons/tabler/phone.svg');
  mask-image: url('../icons/tabler/phone.svg');
}

/* Email Icon */
.tabler-icon-email {
  -webkit-mask-image: url('../icons/tabler/email.svg');
  mask-image: url('../icons/tabler/email.svg');
}

.tabler-icon-mail {
  -webkit-mask-image: url('../icons/tabler/email.svg');
  mask-image: url('../icons/tabler/email.svg');
}

/* Arrow Right Icon */
.tabler-icon-arrow-right {
  -webkit-mask-image: url('../icons/tabler/arrow-right.svg');
  mask-image: url('../icons/tabler/arrow-right.svg');
}

/* Alert Icon */
.tabler-icon-alert-triangle {
  -webkit-mask-image: url('../icons/tabler/alert-triangle.svg');
  mask-image: url('../icons/tabler/alert-triangle.svg');
}

/* Close Icon */
.tabler-icon-x {
  -webkit-mask-image: url('../icons/tabler/x.svg');
  mask-image: url('../icons/tabler/x.svg');
}

/* Circle Check Icon */
.tabler-icon-circle-check {
  -webkit-mask-image: url('../icons/tabler/circle-check.svg');
  mask-image: url('../icons/tabler/circle-check.svg');
}

/* Info Circle Icon */
.tabler-icon-info-circle {
  -webkit-mask-image: url('../icons/tabler/info-circle.svg');
  mask-image: url('../icons/tabler/info-circle.svg');
}

/* Social Media Icons */
.tabler-icon-facebook,
.tabler-icon-brand-facebook {
  -webkit-mask-image: url('../icons/tabler/facebook.svg');
  mask-image: url('../icons/tabler/facebook.svg');
}

.tabler-icon-instagram,
.tabler-icon-brand-instagram {
  -webkit-mask-image: url('../icons/tabler/instagram.svg');
  mask-image: url('../icons/tabler/instagram.svg');
}

.tabler-icon-youtube,
.tabler-icon-brand-youtube {
  -webkit-mask-image: url('../icons/tabler/youtube.svg');
  mask-image: url('../icons/tabler/youtube.svg');
}

.tabler-icon-tiktok,
.tabler-icon-brand-tiktok {
  -webkit-mask-image: url('../icons/tabler/tiktok.svg');
  mask-image: url('../icons/tabler/tiktok.svg');
}

.tabler-icon-chat {
  -webkit-mask-image: url('../icons/tabler/chat.svg');
  mask-image: url('../icons/tabler/chat.svg');
}

.tabler-icon-message-circle {
  -webkit-mask-image: url('../icons/tabler/chat.svg');
  mask-image: url('../icons/tabler/chat.svg');
}

.tabler-icon-brand-zalo {
  -webkit-mask-image: url('../icons/tabler/zalo.svg');
  mask-image: url('../icons/tabler/zalo.svg');
}

.tabler-icon-brand-linkedin {
  -webkit-mask-image: url('../icons/tabler/linkedin.svg');
  mask-image: url('../icons/tabler/linkedin.svg');
}

.tabler-icon-brand-twitter {
  -webkit-mask-image: url('../icons/tabler/twitter.svg');
  mask-image: url('../icons/tabler/twitter.svg');
}

.tabler-icon-brand-whatsapp {
  -webkit-mask-image: url('../icons/tabler/whatsapp.svg');
  mask-image: url('../icons/tabler/whatsapp.svg');
}

/* Social Icon Colors */
.tabler-icon-brand-whatsapp {
  color: #25d366;
}

.tabler-icon-brand-twitter {
  color: #1da1f2;
}

.tabler-icon-brand-linkedin {
  color: #0a66c2;
}

.tabler-icon-brand-zalo {
  color: #0084ff;
}

.tabler-icon-brand-facebook {
  color: #1877f2;
}

.tabler-icon-brand-instagram {
  color: #e4405f;
}

.tabler-icon-brand-youtube {
  color: #ff0000;
}

.tabler-icon-brand-tiktok {
  color: #25f4ee;
}


/* Construction/Development Icon */
.tabler-icon-construction {
  -webkit-mask-image: url('../icons/tabler/construction.svg');
  mask-image: url('../icons/tabler/construction.svg');
}

/* Bell Icon */
.tabler-icon-bell {
  -webkit-mask-image: url('../icons/tabler/bell.svg');
  mask-image: url('../icons/tabler/bell.svg');
}

/* Star Icon */
.tabler-icon-star {
  -webkit-mask-image: url('../icons/tabler/star.svg');
  mask-image: url('../icons/tabler/star.svg');
}

/* Shield Icon */
.tabler-icon-shield {
  -webkit-mask-image: url('../icons/tabler/shield.svg');
  mask-image: url('../icons/tabler/shield.svg');
}

/* WiFi Icon */
.tabler-icon-wifi {
  -webkit-mask-image: url('../icons/tabler/wifi.svg');
  mask-image: url('../icons/tabler/wifi.svg');
}

/* Currency Dollar Icon */
.tabler-icon-currency-dollar {
  -webkit-mask-image: url('../icons/tabler/currency-dollar.svg');
  mask-image: url('../icons/tabler/currency-dollar.svg');
}

/* Search Icon */
.tabler-icon-search {
  -webkit-mask-image: url('../icons/tabler/search.svg');
  mask-image: url('../icons/tabler/search.svg');
}

/* Vacuum Cleaner Icon */
.tabler-icon-vacuum-cleaner {
  -webkit-mask-image: url('../icons/tabler/vacuum-cleaner.svg');
  mask-image: url('../icons/tabler/vacuum-cleaner.svg');
}

/* Shirt Icon */
.tabler-icon-shirt {
  -webkit-mask-image: url('../icons/tabler/shirt.svg');
  mask-image: url('../icons/tabler/shirt.svg');
}

/* Tools Icon */
.tabler-icon-tools {
  -webkit-mask-image: url('../icons/tabler/tools.svg');
  mask-image: url('../icons/tabler/tools.svg');
}

/* Armchair Icon */
.tabler-icon-armchair {
  -webkit-mask-image: url('../icons/tabler/armchair.svg');
  mask-image: url('../icons/tabler/armchair.svg');
}

/* Headphones Icon */
.tabler-icon-headphones {
  -webkit-mask-image: url('../icons/tabler/headphones.svg');
  mask-image: url('../icons/tabler/headphones.svg');
}

/* Key Icon */
.tabler-icon-key {
  -webkit-mask-image: url('../icons/tabler/key.svg');
  mask-image: url('../icons/tabler/key.svg');
}

/* Car Icon */
.tabler-icon-car {
  -webkit-mask-image: url('../icons/tabler/car.svg');
  mask-image: url('../icons/tabler/car.svg');
}

/* Tools Kitchen Icon */
.tabler-icon-tools-kitchen {
  -webkit-mask-image: url('../icons/tabler/tools-kitchen.svg');
  mask-image: url('../icons/tabler/tools-kitchen.svg');
}

/* News Icon */
.tabler-icon-news {
  -webkit-mask-image: url('../icons/tabler/news.svg');
  mask-image: url('../icons/tabler/news.svg');
}

/* Sparkles Icon - fallback to star */
.tabler-icon-sparkles {
  -webkit-mask-image: url('../icons/tabler/star.svg');
  mask-image: url('../icons/tabler/star.svg');
}

/* Briefcase Icon - fallback to tool */
.tabler-icon-briefcase {
  -webkit-mask-image: url('../icons/tabler/tools.svg');
  mask-image: url('../icons/tabler/tools.svg');
}

/* Map Pin Star Icon - fallback to location */
.tabler-icon-map-pin-star {
  -webkit-mask-image: url('../icons/tabler/location.svg');
  mask-image: url('../icons/tabler/location.svg');
}

/* Plane Icon - fallback to home */
.tabler-icon-plane {
  -webkit-mask-image: url('../icons/tabler/home.svg');
  mask-image: url('../icons/tabler/home.svg');
}

/* Wash Icon - fallback to shirt */
.tabler-icon-wash {
  -webkit-mask-image: url('../icons/tabler/shirt.svg');
  mask-image: url('../icons/tabler/shirt.svg');
}

/* Home Check Icon */
.tabler-icon-home-check {
  -webkit-mask-image: url('../icons/tabler/home.svg');
  mask-image: url('../icons/tabler/home.svg');
}

/* Article Icon */
.tabler-icon-article {
  -webkit-mask-image: url('../icons/tabler/article.svg');
  mask-image: url('../icons/tabler/article.svg');
}

/* Calendar Icon */
.tabler-icon-calendar {
  -webkit-mask-image: url('../icons/tabler/calendar.svg');
  mask-image: url('../icons/tabler/calendar.svg');
}

/* Building Icon */
.tabler-icon-building {
  -webkit-mask-image: url('../icons/tabler/building.svg');
  mask-image: url('../icons/tabler/building.svg');
}

/* Users Icon */
.tabler-icon-users {
  -webkit-mask-image: url('../icons/tabler/users.svg');
  mask-image: url('../icons/tabler/users.svg');
}

/* Award Icon */
.tabler-icon-award {
  -webkit-mask-image: url('../icons/tabler/award.svg');
  mask-image: url('../icons/tabler/award.svg');
}

/* Credit Card Icon */
.tabler-icon-credit-card {
  -webkit-mask-image: url('../icons/tabler/credit-card.svg');
  mask-image: url('../icons/tabler/credit-card.svg');
}

/* Color Classes - Using CSS filters for color control */
.tabler-icon-white {
  color: #ffffff;
}

.tabler-icon-primary {
  color: var(--yolo-primary, #FF6B35);
}

.tabler-icon-black {
  color: #0f172a;
}

.tabler-icon-dark {
  color: #1f2937;
}

.tabler-icon-muted {
  color: #94a3b8;
  opacity: 0.75;
}

/* Hover states */
.tabler-icon-hover-primary:hover {
  color: var(--yolo-primary, #FF6B35);
}

.tabler-icon-hover-white:hover {
  color: #ffffff;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
  .tabler-icon-sm {
    width: 14px;
    height: 14px;
  }

  .tabler-icon-md {
    width: 18px;
    height: 18px;
  }

  .tabler-icon-lg {
    width: 22px;
    height: 22px;
  }

  .tabler-icon-xl {
    width: 28px;
    height: 28px;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .tabler-icon-white {
    filter: brightness(0) saturate(100%) invert(100%);
  }

  .tabler-icon-black,
  .tabler-icon-dark {
    filter: brightness(0) saturate(100%) invert(0%);
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {

  .tabler-icon-hover-primary,
  .tabler-icon-hover-white {
    transition: none;
  }
}

/* Print styles */
@media print {
  .tabler-icon {
    color: #000000;
    background-color: currentColor;
  }
}

/* Plus Icon */
.tabler-icon-plus {
  -webkit-mask-image: url('../icons/tabler/plus.svg');
  mask-image: url('../icons/tabler/plus.svg');
}

/* Additional icon aliases */
.tabler-icon-phone-call {
  -webkit-mask-image: url('../icons/tabler/phone.svg');
  mask-image: url('../icons/tabler/phone.svg');
}

.tabler-icon-headset {
  -webkit-mask-image: url('../icons/tabler/headphones.svg');
  mask-image: url('../icons/tabler/headphones.svg');
}

.tabler-icon-map-pin {
  -webkit-mask-image: url('../icons/tabler/location.svg');
  mask-image: url('../icons/tabler/location.svg');
}

.tabler-icon-file-text {
  -webkit-mask-image: url('../icons/tabler/article.svg');
  mask-image: url('../icons/tabler/article.svg');
}

.tabler-icon-share {
  -webkit-mask-image: url('../icons/tabler/chat.svg');
  mask-image: url('../icons/tabler/chat.svg');
}

.tabler-icon-chevron-down {
  -webkit-mask-image: url('../icons/tabler/arrow-right.svg');
  mask-image: url('../icons/tabler/arrow-right.svg');
  transform: rotate(90deg);
  transform-origin: center;
}

.tabler-icon-chevron-left {
  -webkit-mask-image: url('../icons/tabler/arrow-right.svg');
  mask-image: url('../icons/tabler/arrow-right.svg');
  transform: rotate(180deg);
  transform-origin: center;
}

.tabler-icon-chevron-right {
  -webkit-mask-image: url('../icons/tabler/arrow-right.svg');
  mask-image: url('../icons/tabler/arrow-right.svg');
}

.tabler-icon-arrows-maximize {
  -webkit-mask-image: url('../icons/tabler/arrows-maximize.svg');
  mask-image: url('../icons/tabler/arrows-maximize.svg');
}

.tabler-icon-arrows-minimize {
  -webkit-mask-image: url('../icons/tabler/arrows-minimize.svg');
  mask-image: url('../icons/tabler/arrows-minimize.svg');
}