/* Lightweight icon replacement for Font Awesome - Only icons we actually use */
.icon {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Search icon */
.fa-search:before, .icon-search:before {
    content: "\1F50D"; /* 🔍 */
}

/* User icon */  
.fa-user:before, .icon-user:before {
    content: "\1F464"; /* 👤 */
}

/* Alternative CSS-only icons */
.icon-search-alt {
    width: 20px;
    height: 20px;
    border: 2px solid currentColor;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.icon-search-alt:after {
    content: '';
    position: absolute;
    top: 14px;
    left: 14px;
    width: 8px;
    height: 2px;
    background: currentColor;
    transform: rotate(45deg);
}

.icon-user-alt {
    width: 20px;
    height: 20px;
    border: 2px solid currentColor;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.icon-user-alt:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 12px;
    border: 2px solid currentColor;
    border-top: none;
    border-radius: 0 0 12px 12px;
}