/* Local SVG Icon System - Replaces Font Awesome */
/* All icons are stored as inline SVG via CSS mask or background */

.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 1;
}

.icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

/* Sizing utilities */
.icon-xs svg { width: 12px; height: 12px; }
.icon-sm svg { width: 16px; height: 16px; }
.icon-md svg { width: 20px; height: 20px; }
.icon-lg svg { width: 28px; height: 28px; }
.icon-xl svg { width: 50px; height: 50px; }
.icon-2xl svg { width: 80px; height: 80px; }

/* Hamburger menu icon */
.icon-hamburger { cursor: pointer; color: #3b82f6; }
.icon-hamburger svg { width: 28px; height: 28px; }

/* Close icon */
.icon-close { cursor: pointer; color: #333; }
.icon-close svg { width: 24px; height: 24px; }

/* Dropdown chevron */
.icon-chevron-down { transition: transform 0.3s ease; display: inline-flex; vertical-align: middle; margin-left: 6px; }
.icon-chevron-down svg { width: 10px; height: 10px; }

/* Feature icons */
.icon-feature { color: #3b82f6; margin-right: 15px; margin-top: 2px; }
.icon-feature svg { width: 20px; height: 20px; }

/* Advantage icons */
.icon-advantage { color: #3b82f6; margin-bottom: 25px; }
.icon-advantage svg { width: 50px; height: 50px; }

/* Contact icons */
.icon-contact { color: #3b82f6; margin-right: 10px; }
.icon-contact svg { width: 18px; height: 18px; }

/* Nav chevron */
.icon-nav-chevron { margin-left: 8px; font-size: 12px; transition: transform 0.3s ease; display: inline-flex; vertical-align: middle; }
.icon-nav-chevron svg { width: 10px; height: 10px; }

/* Service icons (cranette/metawave/metapanion) */
.icon-service svg { width: 64px; height: 64px; }

/* Check icon for lists */
.icon-check { color: #3b82f6; margin-right: 15px; flex-shrink: 0; }
.icon-check svg { width: 20px; height: 20px; }

/* Key icon */
.icon-key { margin-right: 8px; }
.icon-key svg { width: 20px; height: 20px; }

/* Copy icon */
.icon-copy svg { width: 16px; height: 16px; }