/* Enhanced Icon Font CSS for BanglaTech Home */

/* Icon base styles */
[class^="icon-"],
[class*=" icon-"] {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            vertical-align: middle;
            position: relative;
}

/* Icon font using Unicode symbols - no custom font needed */

/* Using Unicode symbols as fallback icons */
.icon-phone:before {
            content: "📞";
}

.icon-email:before {
            content: "✉️";
}

.icon-location:before {
            content: "📍";
}

.icon-search:before {
            content: "🔍";
}

.icon-user:before {
            content: "👤";
}

.icon-user-plus:before {
            content: "👥";
}

.icon-logout:before {
            content: "🚪";
}

.icon-shopping-cart:before {
            content: "🛒";
}

.icon-shopping-bag:before {
            content: "🛍️";
}

.icon-heart:before {
            content: "❤️";
}

.icon-heart-empty:before {
            content: "🤍";
}

.icon-close:before {
            content: "✕";
}

.icon-eye:before {
            content: "👁️";
}

.icon-star:before {
            content: "⭐";
}

.icon-star-half:before {
            content: "⭐";
}

.icon-star-empty:before {
            content: "☆";
}

.icon-target:before {
            content: "🎯";
}

.icon-shield:before {
            content: "🛡️";
}

.icon-lightbulb:before {
            content: "💡";
}

.icon-users:before {
            content: "👥";
}

.icon-clock:before {
            content: "🕐";
}

.icon-chevron-down:before {
            content: "▼";
}

.icon-chevron-up:before {
            content: "▲";
}

.icon-chevron-left:before {
            content: "◀";
}

.icon-chevron-right:before {
            content: "▶";
}

.icon-arrow-right:before {
            content: "→";
}


.icon-twitter:before {
            content: "🐦";
}

.icon-instagram:before {
            content: "📷";
}


.icon-help:before {
            content: "❓";
}

.icon-truck:before {
            content: "🚚";
}

.icon-undo:before {
            content: "↶";
}


.icon-spinner:before {
            content: "⏳";
}

.icon-plus:before {
            content: "➕";
}

.icon-minus:before {
            content: "➖";
}

.icon-check:before {
            content: "✓";
}

.icon-warning:before {
            content: "⚠️";
}

.icon-info:before {
            content: "ℹ️";
}

.icon-success:before {
            content: "✅";
}

.icon-error:before {
            content: "❌";
}

.icon-search:before {
            content: "🔍";
}

.icon-heart:before {
            content: "❤️";
}

.icon-heart-empty:before {
            content: "🤍";
}

.icon-eye:before {
            content: "👁️";
}

.icon-magnifying-glass:before {
            content: "🔍";
}

.icon-grid:before {
            content: "⊞";
}

.icon-list:before {
            content: "☰";
}

.icon-chevron-left:before {
            content: "‹";
}

.icon-chevron-right:before {
            content: "›";
}

.icon-chevron-up:before {
            content: "⌃";
}

.icon-chevron-down:before {
            content: "⌄";
}

.icon-close:before {
            content: "✕";
}

.icon-check:before {
            content: "✓";
}

.icon-plus:before {
            content: "+";
}

.icon-minus:before {
            content: "−";
}

.icon-star:before {
            content: "★";
}

.icon-star-empty:before {
            content: "☆";
}

.icon-filter:before {
            content: "⚙";
}

.icon-sort:before {
            content: "⇅";
}

.icon-refresh:before {
            content: "↻";
}

.icon-edit:before {
            content: "✎";
}

.icon-delete:before {
            content: "🗑";
}

.icon-settings:before {
            content: "⚙";
}

.icon-menu:before {
            content: "☰";
}

.icon-arrow-left:before {
            content: "←";
}

.icon-arrow-right:before {
            content: "→";
}

.icon-arrow-up:before {
            content: "↑";
}

.icon-arrow-down:before {
            content: "↓";
}

.icon-home:before {
            content: "🏠";
}

.icon-dashboard:before {
            content: "📊";
}

.icon-shop:before {
            content: "🏪";
}

.icon-truck:before {
            content: "🚚";
}

.icon-shield:before {
            content: "🛡";
}

.icon-award:before {
            content: "🏆";
}

.icon-clock:before {
            content: "🕐";
}

.icon-calendar:before {
            content: "📅";
}

.icon-tag:before {
            content: "🏷";
}

.icon-percent:before {
            content: "%";
}

.icon-currency:before {
            content: "৳";
}

/* Star rating styles */
.star {
            color: #FFD700;
            font-size: 1rem;
}

.star.icon-star-empty {
            color: #ddd;
}

/* Social media icons */
/* Removed Facebook icon per requirements */

.social-links .icon-twitter:before {
            color: #1DA1F2;
}

.social-links .icon-instagram:before {
            color: #E4405F;
}


/* Icon sizes */
.icon-sm {
            font-size: 0.8rem;
}

.icon-lg {
            font-size: 1.2rem;
}

.icon-xl {
            font-size: 1.5rem;
}

.icon-2xl {
            font-size: 2rem;
}

.icon-3xl {
            font-size: 3rem;
}

/* Icon colors */
.icon-primary {
            color: var(--primary-color);
}

.icon-secondary {
            color: var(--secondary-color);
}

.icon-success {
            color: var(--success-color);
}

.icon-error {
            color: var(--error-color);
}

.icon-warning {
            color: var(--warning-color);
}

.icon-muted {
            color: var(--text-muted);
}

/* Spinning animation for spinner */
.icon-spinner {
            animation: spin 1s linear infinite;
}

@keyframes spin {
            from {
                        transform: rotate(0deg);
            }

            to {
                        transform: rotate(360deg);
            }
}

/* Hover effects */
.icon-hover:hover {
            opacity: 0.7;
            transition: opacity 0.3s ease;
}

/* Button icons */
.btn .icon-sm {
            margin-right: 0.5rem;
}

.btn .icon-lg {
            margin-right: 0.75rem;
}

/* Navigation icons */
.nav-menu .icon-sm {
            margin-right: 0.5rem;
}

/* Contact info icons */
.contact-info .icon-sm {
            margin-right: 0.5rem;
}

/* Responsive icon sizes */
@media (max-width: 768px) {
            .icon-3xl {
                        font-size: 2rem;
            }

            .icon-2xl {
                        font-size: 1.5rem;
            }

            .icon-xl {
                        font-size: 1.2rem;
            }
}

@media (max-width: 480px) {
            .icon-3xl {
                        font-size: 1.5rem;
            }

            .icon-2xl {
                        font-size: 1.2rem;
            }

            .icon-xl {
                        font-size: 1rem;
            }
}