/* Icon definitions - Car Charger Theme */
.icon-facebook::before { content: "f"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.icon-twitter::before { content: "t"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.icon-instagram::before { content: "i"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.icon-linkedin::before { content: "l"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.icon-youtube::before { content: "y"; font-family: "Font Awesome 6 Brands"; font-weight: 400; }
.icon-search::before { content: "⌕"; }
.icon-heart::before { content: "♡"; }
.icon-user::before { content: "👤"; }
.icon-cart::before { content: "🛒"; }
.icon-phone::before { content: "📞"; }
.icon-email::before { content: "✉"; }
.icon-shipping::before { content: "🚚"; }
.icon-shield::before { content: "🛡"; }
.icon-payment::before { content: "💳"; }
.icon-support::before { content: "🎧"; }
.icon-compare::before { content: "⚖"; }
.icon-close::before { content: "✕"; }
.icon-charger::before { content: "⚡"; }
.icon-cable::before { content: "🔗"; }
.icon-mount::before { content: "📱"; }
.icon-wireless::before { content: "📡"; }
.icon-car::before { content: "🚗"; }
.icon-account::before { content: "👤"; }
.icon-eye::before { content: "👁"; }

.hamburger-icon::before { content: "☰"; }
.arrow-down::before { content: "▼"; }
.arrow-up::before { content: "▲"; }
.arrow-left::before { content: "◀"; }
.arrow-right::before { content: "▶"; }
.check::before { content: "✓"; }
.plus::before { content: "+"; }
.minus::before { content: "−"; }
.star::before { content: "★"; }
.star-empty::before { content: "☆"; }

/* Icon base styles */
[class*="icon-"]::before {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    font-size: 1.2em;
    vertical-align: middle;
}

/* Icon colors for car charger theme */
.icon-charger::before { color: var(--primary-color); }
.icon-cable::before { color: var(--text-secondary); }
.icon-mount::before { color: var(--primary-color); }
.icon-wireless::before { color: var(--primary-color); }
.icon-car::before { color: var(--text-primary); }

/* Icon hover effects */
[class*="icon-"]:hover::before {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* Icon sizing variations */
.icon-small::before { font-size: 0.8em; }
.icon-medium::before { font-size: 1.2em; }
.icon-large::before { font-size: 1.5em; }
.icon-xl::before { font-size: 2em; }

/* Icon alignment */
.icon-center::before { vertical-align: middle; }
.icon-top::before { vertical-align: top; }
.icon-bottom::before { vertical-align: bottom; }

/* Social media icon colors */
.icon-facebook::before { color: #1877F2; }
.icon-twitter::before { color: #1DA1F2; }
.icon-instagram::before { color: #E4405F; }
.icon-linkedin::before { color: #0077B5; }
.icon-youtube::before { color: #FF0000; }