/* Iconsax Icons Fix - Fallback emoji icons for missing SVG files */

/* Hide original Iconsax SVG elements if they fail to load */
.iconsax svg {
    display: none !important;
}

/* Fallback emoji icons for common Iconsax icons */
.iconsax[icon-name="user"]::before,
.iconsax[icon-name="profile-circle"]::before {
    content: "👤";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="map"]::before,
.iconsax[icon-name="location"]::before {
    content: "📍";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="home"]::before,
.iconsax[icon-name="house"]::before {
    content: "🏠";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="search"]::before,
.iconsax[icon-name="search-normal"]::before {
    content: "🔍";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="heart"]::before,
.iconsax[icon-name="favorite"]::before {
    content: "❤️";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="star"]::before,
.iconsax[icon-name="star-1"]::before {
    content: "⭐";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="menu"]::before,
.iconsax[icon-name="hamburger-menu"]::before {
    content: "☰";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="close"]::before,
.iconsax[icon-name="close-circle"]::before {
    content: "✕";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="arrow-right"]::before {
    content: "→";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="arrow-left"]::before {
    content: "←";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="arrow-up"]::before {
    content: "↑";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="arrow-down"]::before {
    content: "↓";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="call"]::before,
.iconsax[icon-name="phone"]::before {
    content: "📞";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="sms"]::before,
.iconsax[icon-name="message"]::before {
    content: "💬";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="email"]::before,
.iconsax[icon-name="message-2"]::before {
    content: "📧";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="setting"]::before,
.iconsax[icon-name="settings"]::before {
    content: "⚙️";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="logout"]::before,
.iconsax[icon-name="logout-1"]::before {
    content: "🚪";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="login"]::before,
.iconsax[icon-name="login-1"]::before {
    content: "🔑";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="add"]::before,
.iconsax[icon-name="add-circle"]::before {
    content: "➕";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="minus"]::before,
.iconsax[icon-name="minus-circle"]::before {
    content: "➖";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="edit"]::before,
.iconsax[icon-name="edit-2"]::before {
    content: "✏️";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="delete"]::before,
.iconsax[icon-name="trash"]::before {
    content: "🗑️";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="calendar"]::before,
.iconsax[icon-name="calendar-1"]::before {
    content: "📅";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="clock"]::before,
.iconsax[icon-name="timer"]::before {
    content: "⏰";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="notification"]::before,
.iconsax[icon-name="notification-1"]::before {
    content: "🔔";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="bookmark"]::before,
.iconsax[icon-name="bookmark-2"]::before {
    content: "🔖";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="share"]::before,
.iconsax[icon-name="share-1"]::before {
    content: "📤";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="download"]::before,
.iconsax[icon-name="download-1"]::before {
    content: "📥";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="upload"]::before,
.iconsax[icon-name="upload-1"]::before {
    content: "📤";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="camera"]::before,
.iconsax[icon-name="camera-1"]::before {
    content: "📷";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="gallery"]::before,
.iconsax[icon-name="image"]::before {
    content: "🖼️";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="play"]::before,
.iconsax[icon-name="play-1"]::before {
    content: "▶️";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="pause"]::before,
.iconsax[icon-name="pause-1"]::before {
    content: "⏸️";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="stop"]::before,
.iconsax[icon-name="stop-1"]::before {
    content: "⏹️";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="volume"]::before,
.iconsax[icon-name="volume-1"]::before {
    content: "🔊";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="wifi"]::before,
.iconsax[icon-name="wifi-1"]::before {
    content: "📶";
    font-size: 1.2em;
    display: inline-block;
}

.iconsax[icon-name="battery"]::before,
.iconsax[icon-name="battery-1"]::before {
    content: "🔋";
    font-size: 1.2em;
    display: inline-block;
}

/* Generic fallback for any missing icon */
.iconsax:not([icon-name])::before,
.iconsax[icon-name=""]::before {
    content: "❓";
    font-size: 1.2em;
    display: inline-block;
    color: #999;
}

/* Ensure proper spacing */
.iconsax {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.5em !important;
    height: 1.5em !important;
}