/* ============================================
   PROFESSIONAL ICON SYSTEM
   SVG Icons for Floormate.lk
   ============================================ */

/* === ICON BASE === */
.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.icon-lg {
    width: 32px;
    height: 32px;
}

.icon-xl {
    width: 48px;
    height: 48px;
}

/* === SERVICE ICONS WITH SVG === */
.service-icon svg,
.contact-icon svg {
    width: 32px;
    height: 32px;
    fill: currentColor;
}

/* === SOCIAL ICONS === */
.social-link svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

/* === FOOTER CONTACT ICONS === */
.footer-contact-item svg {
    width: 18px;
    height: 18px;
    fill: var(--color-blue);
    flex-shrink: 0;
}

/* === RATING STARS === */
.star-rating {
    display: inline-flex;
    gap: 4px;
    color: var(--color-gold);
}

.star-rating svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

/* === ICON COLORS === */
.icon-primary {
    color: var(--color-blue);
}

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

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

.icon-dark {
    color: var(--color-charcoal);
}