/**
 * Configurator addon icons - frontend styling
 *
 * Sizes the inline <svg> icons rendered next to option group titles and
 * option rows (see AO_Offer_Renderer::render_addon_icon()). Isolated in its
 * own file, enqueued only when the "addon_icons" feature flag is on
 * (see class-assets-manager.php + ao_feature_enabled()), so a build without
 * the feature ships zero CSS for it.
 */

.ao-group-title {
    display: flex;
    align-items: center;
}

.ao-group-icon,
.ao-option-icon {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    color: var(--ao-primary-color, #495057);
}

.ao-group-icon svg,
.ao-option-icon svg {
    width: 100%;
    height: 100%;
}

.ao-group-icon--empty,
.ao-option-icon--empty {
    visibility: hidden;
}